.ppt-header {
    width: 100%;
    height: 60px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 110;
    display: flex;
    justify-content: center;
}

.ppt-content {
    width: 1200px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 102;
}

.vip-img {
    position: absolute;
    top: 0;
    left: -35px;
    animation: move 1s linear infinite;
}

@keyframes move {
    0% {
        left: -35px;
    }

    99% {
        left: 86px;
    }

    100% {
        left: -35px;
    }
}

/*滚动后的导航*/

.scroll-top {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    display: none;
}

.scroll-content {
    width: 1200px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.scroll-top .logo-img {
    display: inline-block;
    width: 120px;
    height: 60px;
    margin-left: 40px;
    float: left;
    cursor: pointer;
    background: url("../images/logo-bangong2.png") no-repeat center center;
    background-size: cover;
}

/* .scroll-top .logo-2nd-img {
    display: inline-block;
    width: 100px;
    height: 35px;
    margin-left: 40px;
    margin-top: 14px;
    float: left;
    cursor: pointer;
    background: url("../images/logo-bangong.gif") no-repeat center center;
    background-size: cover;
} */

.scroll-type {
    display: inline-block;
    margin-left: 0px;
    line-height: 77px;
    font-size: 14px;
    color: #666666;
    position: relative;
    cursor: pointer;
}

.scroll-type-san {
    display: inline-block;
    width: 10px;
    height: 9px;
    background: url("../images/css_sprites_23.png") -40px -10px;
    margin-left: 7px;
    vertical-align: middle;
    margin-top: -2px;
}

.scroll-type:hover {
    color: #3291F5;
}

.scroll-type:hover .scroll-type-san {
    background: url("../images/css_sprites_23.png") -10px -10px;
}

.lab-box {
    width: 272px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 18px 18px 0 18px;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    top: 70px;
    left: -86px;
    display: none;
}

.scroll-type:hover .lab-box {
    display: block;
}

.lab-box .i-lab-new {
    display: inline-block;
    width: 22px;
    height: 13px;
    background: url(../images/css_sprites_25.png) -10px -43px;
    position: absolute;
    top: 0px;
    right: -2px;
}

.lab-box .i-lab-free {
    display: inline-block;
    width: 22px;
    height: 13px;
    background: url(../images/css_sprites_25.png) -10px -10px;
    position: absolute;
    top: 0px;
    right: -2px;
}

.header-li .i-icon-new {
    display: inline-block;
    width: 22px;
    height: 13px;
    background: url(../images/css_sprites_25.png) -10px -43px;
    position: absolute;
    top: 4px;
    right: 6px;
}

.scroll-tab {
    height: 40px;
    margin-top: 6px;
    float: left;
}

.scroll-tab li.scroll-li {
    height: 40px;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 18px;
    float: left;
    position: relative;
    cursor: pointer;
}

.scroll-tab .tab {
    display: inline-block;
    line-height: 35px;
    color: #7A95B2;
    font-size: 14px;
    vertical-align: middle;
}

.scroll-li:hover .tab {
    color: #1771dd;
}

.scroll-li:active .tab {
    color: #0b5bba;
}

.scroll-tab .tab-line {
    width: 100%;
    height: 3px;
    background-color: #3186ff;
    border-radius: 4px;
    position: absolute;
    bottom: -7px;
    left: 0px;
    display: none;
}

.scroll-active .tab {
    color: #0462FD !important;
}

.scroll-tab .tab-active {
    display: inline-block;
}

.scroll-tab .tab-ho {
    display: inline-block;
}

.scroll-top .scroll-search {
    width: 170px;
    height: 40px;
    border-radius: 40px;
    background-color: #ebebeb;
    float: left;
    overflow: hidden;
    margin-top: 7px;
    margin-left: 29px;
}

.scroll-input {
    width: 120px;
    height: 22px;
    margin-top: 8px;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: #ebebeb;
    font-size: 14px;
    float: left;
}

.scroll-submit {
    width: 24px;
    height: 24px;
    margin-top: 9px;
    margin-right: 20px;
    float: right;
    background: url("../images/btn_sousuo_01.png") no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
}

.scroll-submit:hover {
    background: url("../images/btn_sousuo_02.png") no-repeat center center;
    background-size: 100% 100%;
}

.scroll-submit:active {
    background: url("../images/btn_sousuo_03.png") no-repeat center center;
    background-size: 100% 100%;
}


/*.scroll-top .register{*/


/*    width: 40px;*/


/*    height: 26px;*/


/*    line-height: 24px;*/


/*    color: #3293F4;*/


/*    font-size: 12px;*/


/*    text-align: center;*/


/*    margin-right: 10px;*/


/*    margin-top: 22px;*/


/*    float: right;*/


/*    overflow: hidden;*/


/*    border-top-right-radius: 3px;*/


/*    border-bottom-right-radius: 3px;*/


/*    border: 1px solid #197de2;*/


/*    cursor: pointer;*/


/*}*/


/*.scroll-top .login{*/


/*    width: 60px;*/


/*    height: 26px;*/


/*    line-height: 24px;*/


/*    color: #fff;*/


/*    font-size: 12px;*/


/*    text-align: center;*/


/*    margin-right: -2px;*/


/*    margin-top: 22px;*/


/*    float: right;*/


/*    overflow: hidden;*/


/*    border-top-left-radius: 3px;*/


/*    border-bottom-left-radius: 3px;*/


/*    border: 1px solid #197de2;*/


/*    background-color: #197de2;*/


/*    cursor: pointer;*/


/*}*/


/*.scroll-top .vip{*/


/*    display: inline-block;*/


/*    width: 95px;*/


/*    height: 24px;*/


/*    margin-right: 19px;*/


/*    float: right;*/


/*    margin-top: 22px;*/


/*    position: relative;*/


/*    padding-bottom: 30px;*/


/*    box-sizing: border-box;*/


/*}*/


/*.scroll-top .vip i{*/


/*    display: inline-block;*/


/*    width: 26px;*/


/*    height: 21px;*/


/*    background: url("../images/pic_hg_b_01.png") no-repeat center center;*/


/*    background-size: 100% 100%;*/


/*    vertical-align: middle;*/


/*}*/


/*.scroll-top .vip span{*/


/*    display: inline-block;*/


/*    color: #00356E;*/


/*    font-size: 14px;*/


/*    margin-left: 0px;*/


/*    vertical-align: middle;*/


/*}*/


/*.scroll-top .vip:hover i{*/


/*    background: url("../images/pic_hg_b_02.png") no-repeat center center;*/


/*    background-size: 100% 100%;*/


/*}*/


/*.scroll-top .vip:hover span{*/


/*    color: #1970CC;*/


/*}*/


/*.scroll-top .vip:active i{*/


/*    background: url("../images/pic_hg_b_03.png") no-repeat center center;*/


/*    background-size: 100% 100%;*/


/*    vertical-align: middle;*/


/*}*/


/*.scroll-top .vip:active span{*/


/*    color: #00356E;*/


/*}*/


/*.scroll-top .vip-loader{*/


/*    display: none;*/


/*    background: url("../images/pic_hg_b_02.png") no-repeat center center;*/


/*    background-size: 100% 100%;*/


/*}*/

.tab-img-list {
    display: block;
    width: 100%;
    height: 270px;
    position: absolute;
    left: 0px;
    top: 164px;
    z-index: 10;
    cursor: pointer;
}

.index-bgc {
    width: 100%;
    height: 188px;
    margin: 0 auto;
    background: url(../images/BGC.png);
    background-size: cover;
}

.tab-img-box {
    display: block;
    width: 100%;
    height: 270px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    transition: all 1s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tab-img-active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tab-img {
    width: 100%;
    height: 270px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.header_top_fixed {
    display: none;
    position: fixed;
    min-width: 1200px;
    top: -77px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 1024;
}

.header-top {
    width: 100%;
    /* min-width: 1280px; */
    height: 60px;
    margin: 0 auto;
    z-index: 224;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
}

.header-top .logo-img {
    display: inline-block;
    width: 120px;
    height: 60px;
    margin-left: 40px;
    float: left;
    cursor: pointer;
    background: url("../images/logo.svg") no-repeat center center;
    background-size: auto
    ;
}

/* .header-top .logo-2nd-img {
    display: inline-block;
    width: 100px;
    height: 35px;
    margin-left: 40px;
    margin-top: 14px;
    float: left;
    cursor: pointer;
    background: url("../images/logo-bangong.gif") no-repeat center center;
    background-size: cover;
} */

.ppt-nap {
    width: 100%;
    height: 60px;
    border-top: 1px solid #E5E5E5;
    text-align: center;
    position: absolute;
    top: 106px;
    z-index: 996;
}

.ppt-scroll-nap {
    position: absolute;
    top: 70px !important;
    background-color: #fff;
    border-top: none !important;
    border-bottom: 1px solid #E5E5E5;
}

.ppt-nap li.header-li {
    display: inline-block;
    height: 60px;
    padding: 1px 40px 0 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.h-i {
    display: block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 8px;
}

.icon-i-vi {
    background: url("../images/css_sprites_32.png") -127px -166px;
}

.header-li:hover .icon-i-vi {
    background: url("../images/css_sprites_32.png") -49px -166px;
}

.header-li:active .icon-i-vi {
    background: url("../images/css_sprites_32.png") -88px -166px;
}

.icon-i-r {
    background: url("../images/css_sprites_32.png") -127px -88px;
}

.header-li:hover .icon-i-r {
    background: url("../images/css_sprites_32.png") -127px -10px;
}

.header-li:active .icon-i-r {
    background: url("../images/css_sprites_32.png") -127px -49px;
}

.icon-i-b {
    background: url("../images/css_sprites_13.png") no-repeat -10px -10px;
}

.header-li:hover .icon-i-b {
    background: url("../images/css_sprites_13.png") no-repeat -10px -49px;
}

.icon-i-p {
    background: url(../images/css_sprites_32.png) -88px -127px;
}

.header-li:hover .icon-i-p {
    background: url(../images/css_sprites_32.png) -10px -127px;
}

.header-li:active .icon-i-p {
    background: url(../images/css_sprites_32.png) -49px -127px;
}

.icon-i-b {
    background: url(../images/icon_column.png) no-repeat -480px -4px;
}

.header-li:hover .icon-i-b {
    background: url(../images/icon_column.png) no-repeat -480px -154px;
}

.icon-i-w {
    background: url(../images/css_sprites_32.png) -166px -49px;
}

.header-li:hover .icon-i-w {
    background: url(../images/css_sprites_32.png) -127px -127px;
}

.header-li:active .icon-i-w {
    background: url(../images/css_sprites_32.png) -166px -10px;
}

.icon-i-mi {
    background: url(../images/icon_column.png) no-repeat -300px -4px;
}

.header-li:hover .icon-i-mi {
    background: url(../images/icon_column.png) no-repeat -300px -154px;
}

.icon-i-e {
    background: url(../images/css_sprites_32.png) -10px -49px;
}

.header-li:hover .icon-i-e {
    background: url(../images/css_sprites_32.png) -10px -10px;
}

.header-li:active .icon-i-e {
    background: url(../images/css_sprites_32.png) -49px -10px;
}

.icon-i-o {
    background: url(../images/css_sprites_32.png) -88px -49px;
}

.header-li:hover .icon-i-o {
    background: url(../images/css_sprites_32.png) -49px -49px;
}

.header-li:active .icon-i-o {
    background: url(../images/css_sprites_32.png) -88px -10px;
}

.icon-i-more {
    background: url(../images/css_sprites_32.png) -10px -166px;
}

.header-li:hover .icon-i-more {
    background: url(../images/css_sprites_32.png) -166px -88px;
}

.header-li:active .icon-i-more {
    background: url(../images/css_sprites_32.png) -166px -127px;
}

.icon-i-y {
    background: url(../images/css_sprites_32.png) -88px -88px;
}

.header-li:hover .icon-i-y {
    background: url(../images/css_sprites_32.png) -10px -88px;
}

.header-li:active .icon-i-y {
    background: url(../images/css_sprites_32.png) -49px -88px;
}

.icon-i-v {
    background: url(../images/css_sprites_32.png) -205px -49px;
}

.header-li:hover .icon-i-v {
    background: url(../images/css_sprites_32.png) -166px -166px;
}

.header-li:active .icon-i-v {
    background: url(../images/css_sprites_32.png) -206px -10px;
}

.icon-i-m {
    background: url("../images/ico_dingzhi_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.header-li:hover .icon-i-m {
    background: url("../images/ico_dingzhi.png") no-repeat center center;
    background-size: 100% 100%;
}

.icon-i-g {
    background: url("../images/icon_sheji.png") no-repeat center center;
    background-size: 100% 100%;
}

.tab-more:hover .icon-i-g {
    background: url("../images/icon_sheji_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.icon-i-f {
    background: url("../images/icon_zhuanhuan.png") no-repeat center center;
    background-size: 100% 100%;
}

.tab-more:hover .icon-i-f {
    background: url("../images/icon_zhuanhuan_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.icon-i-l {
    background: url("../images/icon_liuchengtu.png") no-repeat center center;
    background-size: 100% 100%;
}

.tab-more:hover .icon-i-l {
    background: url("../images/icon_liuchengtu_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.icon-i-s {
    background: url("../images/icon_daotu.png") no-repeat center center;
    background-size: 100% 100%;
}

.tab-more:hover .icon-i-s {
    background: url("../images/icon_daotu_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.header-li .vip-infos {
    display: inline-block;
    width: 90px;
    height: 19px;
    background: url("../images/VIP_kt@2x.gif") no-repeat center;
    vertical-align: middle;
}

.ppt-nap .tab {
    display: inline-block;
    line-height: 34px;
    color: #7A95B2;
    font-size: 14px;
    vertical-align: middle;
}

.icon-i-mianfei {
    display: inline-block;
    width: 32px;
    height: 18px;
    background: url("../images/icon_mianfei.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 2px;
    right: -9px;
    /*animation: myfirst 0.8s infinite;*/
}

.icon-i-mian {
    display: inline-block;
    width: 22px;
    height: 13px;
    background: url(../images/css_sprites_25.png) -10px -10px;
    position: absolute;
    top: 4px;
    right: 6px;
    /*animation: myfirst 0.8s infinite;*/
}

.icon-i-new {
    display: inline-block;
    width: 26px;
    height: 18px;
    background: url("../images/icon_new.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 5px;
    right: 21px;
}

.icon-i-item {
    display: inline-block;
    width: 22px;
    height: 13px;
    background: url(../images/css_sprites_25.png) -10px -10px;
    position: absolute;
    top: -6px;
    right: -14px;
    z-index: 10;
    /*animation: myfirst 0.8s infinite;*/
}

@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -5px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.header-li:hover .tab {
    color: #3291f5;
}

.header-li:active .tab {
    color: #3f70ee;
}

.ppt-nap .tab-line {
    width: 68%;
    height: 2px;
    background-color: #0462FD;
    border-radius: 4px;
    position: absolute;
    bottom: 5px;
    left: 8%;
    display: none;
}

.ppt-nap .tab-active {
    display: inline-block;
}

.ppt-nap .tab-ho {
    display: inline-block;
}

.register {
    width: 60px;
    height: 34px;
    line-height: 32px;
    color: #999999;
    font-size: 14px;
    text-align: center;
    /*margin-right: 10px;*/
    margin-top: 20px;
    float: right;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #999999;
    cursor: pointer;
    display: none;
}

.register:hover,
.pox-top .register:hover,
.scroll-top .register:hover {
    background-color: #3291F5;
    border: 1px solid #3291F5;
    color: #ffffff;
}

.register:active,
.pox-top .register:active,
.scroll-top .register:active {
    background-color: #3C6EF0;
    border: 1px solid #3C6EF0;
    color: #ffffff;
}

.top-title {
    float: left;
    display: flex;
    /* width: 800px; */
    flex: 1;
    height: 60px;
    justify-content: space-around;
    align-items: center;
    margin-left: 50px;
    margin-right: 20%;
}

.top-titlebox2 {
    position: relative;
    height: 60px;
    line-height: 60px;
}

.top-titleaibox {
    height: 60px;
    line-height: 60px;
}

.top-titleaibox {
    height: 60px;
    line-height: 60px;
    position: relative;
}

.top-ai {
    position: absolute;
    top: 60px;
    left: -25px;
    width: 138px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(23, 88, 164, 0.1);
    border-radius: 0px 0px 4px 4px;
    display: none;
}

.top-tool {
    position: absolute;
    top: 60px;
    left: -50px;
    width: 394px;
    height: 322px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(23, 88, 164, 0.1);
    border-radius: 0px 0px 4px 4px;
    display: none;
}

.top-xiezuo {
    position: absolute;
    top: 60px;
    left: -50px;
    width: 224px;
    height: 101px;
    box-sizing: border-box;
    padding: 9px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(23, 88, 164, 0.1);
    border-radius: 0px 0px 4px 4px;
    display: none;
}
.top-xiezuo>a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 32px;
}
.top-xiezuo>.fenge{
    display: block;
    margin: 9px 0 9px 0;
    height: 1px;
    background: rgba(186,186,186,0.3);
    border-radius: 2px 2px 2px 2px;
}
.top-xiezuo>a>div{
    width: 32px;
    height: 32px;
}
.top-xiezuo>a>div:hover{
    border: 2px solid #3291F5;
    overflow: hidden;
}
.top-xiezuo>a>div:hover>img{
    margin: -5px 0 0 -5px;
    width: 38px;
    height: 38px;
}
.top-xiezuo>a:nth-child(3)>div:hover{
  background: #3291F5;
}
.top-xiezuo>a>div>img{
   display: block;
   width: 40px;
   height: 40px;
   margin: -4px 0 0 -4px;
}
.top-xiezuo>a>p{
    width: 153px;
    margin: 0 0 0 9px;
    height: 17px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    font-family: PingFang SC-Medium, PingFang SC;
    color: #161F2D;
    cursor: pointer;
}

.top-xiezuo>a>.leftjianh{
  display: none;
}
.top-xiezuo>a:hover>p{
    color: #3291F5;
}
.top-xiezuo>a:hover>.leftjian{
    display: none;
}
.top-xiezuo>a:hover>.leftjianh{
    display: block;
}


.top-shipinmid {
    margin: 8px 0 12px 15px;
    /* text-align: center; */
}

.top-shipinfotimg {
    margin-right: 5px;
}

.top-shipintop {
    margin: 14px 0px 8px;
}



.top-tooltop {
    margin: 9px 0 10px 0;
}

.top-toolmid>a,.top-toolmid>p {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #161F2D;
}

.top-toolfotul {
    width: 120px;
    float: left;
    margin: 10px 8px 0 9px;
}

.top-toolfotul2 {
    width: 120px;
    float: left;
    margin: 10px 0 0 0px;
}
.top-shipinfotul{
    width: 120px;
    float: left;
    margin: 10px 9px 0 8px;
}

.top-toolmida{
    margin: 0 0 0 9px;
}
.top-toolmid>p{
    margin: 0 0 0 8px;
}
.top-shipinmida{
    margin: 0 0 0 8px;
}

.top-tooltop>img {
    width: 120px;
    height: 80px;
}

.top-toolimg1 {
    margin: 0 8px 0 9px;
}
.top-toolimg3{
    margin: 0 9px 0 8px;
}

.top-toolimgai {
    margin: 0 18px 0 14px;
    width: 108px;
    height: 58px;
}

.top-titlebox1 {
    position: relative;
    height: 60px;
    line-height: 60px;
}

.top-titlebox1:hover .top-moban {
    display: block;
}

.top-titlebox3 {
    position: relative;
    height: 60px;
    line-height: 60px;
}

.top-titlebox {
    position: relative;
    height: 60px;
    line-height: 60px;
}

.top-titlebox:hover .top-text {
    color: #3291F5;
}

.top-titlebox:hover .top-title2img {
    display: none;
}

.top-titlebox:hover .top-title2img2 {
    display: inline-block;
}

.top-title2img2 {
    display: none;
}

.top-titlebox2:hover .top-text {
    color: #3291F5;
}

.top-titlebox2:hover .top-tool {
    display: block;
}

.top-titlebox2:hover .top-title2img {
    display: none;
}

.top-titlebox2:hover .top-title2img2 {
    display: inline-block;
}

.top-titleaibox:hover .top-title2img2 {
    display: inline-block;
}

.top-titleaibox:hover .top-title2img {
    display: none;
}

.top-titlebox1:hover .top-text {
    color: #3291F5;
}

.top-titlebox1:hover .top-title2img {
    display: none;
}

.top-titlebox1:hover .top-title2img2 {
    display: inline-block;
}

.top-titlebox3:hover .top-text {
    color: #3291F5;
}

.top-titleaibox:hover .top-text {
    color: #3291F5;
}

.top-titlebox3:hover .top-title2img {
    display: none;
}

.top-titlebox3:hover .top-title2img2 {
    display: inline-block;
}

.top-titlebox3:hover .top-xiezuo {
    display: inline-block;
}

.top-titlebox3:hover .top-xiezuo {
    display: inline-block;
}

.top-titleaibox:hover .top-ai {
    display: inline-block;
}

.top-titlebox2new {
    position: absolute;
    top: 6px;
    right: -30px;
    width: 36px;
    padding-left: 4px;
    padding-right: 5px;
    height: 14px;
    background: #FFA227;
    border-radius: 3px 0px 3px 0px;
    font-size: 10px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 14px;
}

.top-titlebox2new2 {
    position: absolute;
    top: -8px;
    right: -16px;
    width: 32px;
    height: 14px;
    background: #FFA227;
    border-radius: 3px 0px 3px 0px;
    font-size: 8px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 14px;
}

.top-title .top-text {
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    text-align: center;
    /* line-height: 60px; */
    cursor: pointer;
}
.top-title .colorred{
    color: #ff0000;
}
.top-titlebox:hover .colorred {
    color: #3291F5;
}


.top-moban {
    position: absolute;
    top: 60px;
    left: -10px;
    width: 650px;
    height: 372px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(23, 88, 164, 0.1);
    border-radius: 0px 0px 4px 4px;
    display: none;
    z-index: 360;
}

.top-mobantop {
    margin: 14px 14px 8px;
    width: 100%;
}

.top-mobantop>img {
    width: 108px;
    height: 58px;
}

.top-shipintop>img:hover {
    border: 2px solid #3291F5;
}

.top-tooltop>img:hover {
    border: 2px solid #3291F5;
}

.top-mobantop>a>img:hover {
    border: 2px solid #3291F5;
}

.top-mobantop>a>img {
    width: 108px;
    height: 58px;
}

.top-mobanimg2 {
    margin: 0 17px;
}

.top-mobanimg4 {
    margin: 0 17px;
}

.top-mobanmid {
    display: flex;
    /* justify-content: space-around; */
    margin-bottom: 12px;
}

.top-mobanmid>div>a {
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #161F2D;
}

.top-mobanfot {}

.top-mobanfotul1 {
    width: 80px;
    float: left;
    margin: 0 45px 0 12px;
}

.top-mobanfotul2 {
    width: 115px;
    float: left;
    /* margin-left: 15px; */
}

.top-mobanfotul3 {
    width: 100px;
    float: left;
    margin: 0 0 0 18px;
}

.top-mobanfotul4 {
    width: 100px;
    float: left;
    margin: 0 0 0 30px;
}

.top-mobanfotul5 {
    width: 100px;
    float: left;
    margin: 0 0 0 25px;
}

.login {
    width: 100px;
    height: 28px;
    background: #3291F5;
    border-radius: 50px 50px 50px 50px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-family: Inter-Regular, Inter;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 31px;
    margin-top: 17px;
    float: right;
    overflow: hidden;
    /*background-color: #197de2;*/
    cursor: pointer;
    display: none;
}

.login:hover,
.pox-top .login:hover,
.scroll-top .login:hover {
    background-color: #86c1ff;
    color: #ffffff;
}

.login:active,
.pox-top .login:active,
.scroll-top .login:active {
    background-color: #1679E2;
    color: #ffffff;
}

.vip {
    display: inline-block;
    width: 100px;
    height: 34px;
    margin-right: 20px;
    float: right;
    margin-top: 16px;
    position: relative;
}

.vip .vip-anniversary {
    display: inline-block;
    width: 66px;
    height: 20px;
    background: url("../images/biaoqian_kh51@2x.png") no-repeat center center;
    text-align: center;
    color: #ffffff !important;
    font-size: 10px !important;
    line-height: 15px;
    position: absolute;
    top: -9px;
    left: 38px;
    padding-left: 3px;
}

.vip i {
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url("../images/icon_vip@2x.png") no-repeat center center;
    vertical-align: middle;
    margin-right: 4px;
}

.vip span.vip-open {
    display: inline-block;
    line-height: 34px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 0px;
    vertical-align: middle;
}


.vip-loader {
    display: none;
    background: url("../images/pic_hg_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.vip-info-box {
    width: 330px;
    height: 201px;
    background-color: #ffffff;
    box-shadow: 0 2px 20px 0 rgba(214, 211, 211, 0.76);
    padding: 30px 18px;
    box-sizing: border-box;
    border-radius: 2px;
    position: absolute;
    top: 46px;
    left: -131px;
    z-index: 999;
    display: none;
}

.vip:hover .vip-info-box {
    display: inline-block;
}

.vip-info-box .delta {
    width: 100%;
    height: 24px;
    /* border: 12px solid; */
    /* border-color: transparent transparent #ffffff; */
    position: absolute;
    top: -24px;
    left: 0px;
}

.vip-info-box .delta .deltabox {
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #ffffff;
    margin-left: 165px;
}

.introduce-box {
    overflow: hidden;
}

.vip-info-box .vip-introduce {
    float: left;
    margin-bottom: 12px;
}

.vip-info-box .introduce1 {
    margin-right: 16px;
}

.vip-info-box .introduce3 {
    margin-right: 14px;
}

.vip-info-box .vip-introduce .i-introduce_01 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/tubiao_1.png) no-repeat;
    margin-right: 4px;
    vertical-align: middle;
}

.vip-info-box .vip-introduce .i-introduce_02 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/tubiao_3.png) no-repeat;
    margin-right: 4px;
    vertical-align: middle;
}

.vip-info-box .vip-introduce .i-introduce_03 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/tubiao_2.png) no-repeat;
    margin-right: 4px;
    vertical-align: middle;
}

.vip-info-box .vip-introduce .i-introduce_04 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/tubiao_4.png) no-repeat;
    margin-right: 4px;
    vertical-align: middle;
}

.vip-info-box .vip-introduce .span-txt {
    vertical-align: middle;
    color: #4D4D4D;
    font-size: 12px;
}

.vip-info-box .introduce-btn {
    width: 220px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    background: linear-gradient(90deg, #FFF5E5 0%, #FFD79A 100%);
    border-radius: 20px 20px 20px 20px;
    border: 2px solid #E59E6D;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #723602;
    margin: 0 auto;
    margin-top: 13px;
    position: relative;
}

.vip-info-box .introduce-btn2 {
    width: 220px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    background: #FFFFFF !important;
    box-shadow: 0px 4px 20px 0px rgba(23, 88, 164, 0.1) !important;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #3291F5 !important;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #3291F5 !important;
    margin: 0 auto;
    margin-top: 13px;
    position: relative;
}

.vip-info-box .introduce-btn:hover {
    background-color: #3280F4;
}

.vip-info-box .introduce-btn:active {
    background-color: #40A8F8;
}

.vip-info-box .introduce-anniversary {
    display: inline-block;
    width: 136px;
    height: 28px;
    line-height: 20px;
    background: url("../images/bq_anner.png") no-repeat center center;
    color: #8C4801;
    font-size: 12px;
    text-align: center;
    padding-left: 4px;
    box-sizing: border-box;
    position: absolute;
    top: -14px;
    left: 160px;
}

.pox-mid {
    width: 100%;
    height: 188px;
    background: #FAFAFB;
}



.header-search {
    width: 610px;
    height: 40px;
    position: absolute;
    top: 114px;
    left: 50%;
    margin-left: -290px;
    background-color: #fff;
    border: 1px solid #3291f5;
    border-right: 0;
    z-index: 11;
    border-radius: 4px;
    /* overflow: hidden; */
}


.header-search2 {
    width: 610px;
    height: 40px;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -290px;
    background-color: #fff;
    border: 1px solid #3291f5;
    /* border-right: 0; */
    z-index: 11;
    border-radius: 4px;
    /* overflow: hidden; */
}

.search-type {
    width: 120px;
    height: 38px;
    background-color: #FAFAFA;
    /* border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; */
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    line-height: 40px;
    color: #797979;
    cursor: pointer;
    font-size: 14px;
}

.search-type2 {
    width: 120px;
    height: 38px;
    background: #3291F5;
    /* border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; */
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
}

.icon-change {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(../images/ico-list.png) no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px;
}

.icon-change2 {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(../images/sou2.png) no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px;
}

.search-type .search-ch {
    color: #797979;
    font-size: 14px;
}

.search-type2 .search-ch {
    color: #fff;
    font-size: 14px;
}

.top-mobanmid1 {
    margin: 0 35px 0 15px;
}

.top-mobanmid>div>a:hover {
    color: #3291F5;
}

.top-toolmida:hover {
    color: #3291F5;
}

.top-shipinmida:hover {
    color: #3291F5;
}

.top-mobanmid2 {
    margin: 0 50px 0 10px;
}

.top-mobanmid4 {
    margin: 0 37px 0 34px;
}

.hot-box2 {
    position: absolute;
    top: 175px;
    width: 100%;
    /* max-width: 610px; */
    text-align: center;
    left: 50%;
    transform: translatex(-50%);
}

.search-type:hover {
    color: #2C73EB;
}

.search-type:hover .search-ul {
    display: block;
}

.search-ul {
    width: 121px;
    height: auto;
    border: 1px solid #eee;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 38px;
    display: none;
    z-index: 103;
}

.search-item {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #797979;
    font-size: 14px;
    text-align: left;
}

.search-item:hover {
    color: #2C73EB;
    background-color: #FAFAFA;
}

.search-item i {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-top: -3px;
}

.icon-ppt-s {
    background: url(../images/icon_column.png) no-repeat -21px -4px;
}

.search-item:hover .icon-ppt-s {
    background: url("../images/icon_column.png") no-repeat -21px -154px;
}

.icon-ppt-b {
    background: url(../images/icon_column.png) no-repeat -480px -4px;
}

.search-item:hover .icon-ppt-b {
    background: url(../images/icon_column.png) no-repeat -480px -154px;
}

.icon-ppt-t {
    background: url(../images/icon_column.png) no-repeat -109px -4px;
}

.icon-ppt-tj {
    background: url(../images/pptkj-ico.png) no-repeat center;
    background-size: 21px 21px;
}

.search-item:hover .icon-ppt-tj {
    background: url(../images/pptkj-ico2.png) no-repeat center;
    background-size: 21px 21px;
}

.search-item:hover .icon-ppt-t {
    background: url(../images/icon_column.png) no-repeat -109px -154px;
}

.icon-bg-t {
    background: url(../images/icon_column.png) no-repeat -480px -4px;
}

.search-item:hover .icon-bg-t {
    background: url(../images/icon_column.png) no-repeat -480px -154px;
}

.icon-word-s {
    background: url(../images/icon_column.png) no-repeat -204px -4px;
}

.search-item:hover .icon-word-s {
    background: url(../images/icon_column.png) no-repeat -204px -154px;
}

.icon-mikou-s {
    background: url(../images/icon_column.png) no-repeat -300px -4px;
}

.search-item:hover .icon-mikou-s {
    background: url(../images/icon_column.png) no-repeat -300px -154px;
}

.icon-excel-s {
    background: url(../images/icon_column.png) no-repeat -393px -4px;
}

.search-item:hover .icon-excel-s {
    background: url(../images/icon_column.png) no-repeat -393px -154px;
}

.icon-music-s {
    background: url(../images/icon_column.png) no-repeat -566px -4px;
}

.search-item:hover .icon-music-s {
    background: url(../images/icon_column.png) no-repeat -566px -154px;
}

.icon-office-s {
    background: url(../images/icon_column.png) no-repeat -663px -4px;
}

.search-item:hover .icon-office-s {
    background: url(../images/icon_column.png) no-repeat -663px -153px;
}

.search-box {
    width: 348px;
    height: 38px;
    border-bottom-left-radius: 38px;
    border-top-left-radius: 38px;
    overflow: hidden;
    float: left;
}

.search-text {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 16px;
    filter: alpha(opacity=90);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    /* color: #797979; */
    background-color: #fff;
    border: none;
    outline: none;
}

.search-record-box {
    width: 610px;
    height: 40px;
    line-height: 40px;
    font-family: 'Microsoft YaHei';
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    filter: "alpha(opacity=90)";
    opacity: 0.9;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    background: #fff;
    border-bottom: 1px solid #ECECEC;
    overflow: hidden;
}

.search-record-box .record-title {
    display: inline-block;
    line-height: 40px;
    padding-left: 24px;
    color: #333333;
    float: left;
}

.search-record-box .record-item {
    display: inline-block;
    max-width: 82px;
    line-height: 24px;
    margin: 8px 0 0 6px;
    text-align: center;
    border-radius: 2px;
    background-color: #F7F7F7;
    padding: 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
    float: left;
    cursor: pointer;
}

.search-record-box .record-item:hover {
    color: #3293F4;
}

.search-record-box .record-item:active {
    color: #40A8FF;
}

.search-box-ul {
    position: absolute;
    width: 610px;
    background: #fff;
    box-shadow: 0px 2px 9px 0 rgba(214, 214, 211, 0.76);
    top: 40px;
    left: 31%;
    margin-left: -188px;
    display: none;
}

.search-box-ul a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
}

.search-box-li {
    height: 40px;
    width: 100%;
    width: 33%;
    line-height: 40px;
    float: left;
    font-family: 'Microsoft YaHei';
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    filter: "alpha(opacity=90)";
    opacity: 0.9;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
}

.search-box-li:hover {
    background: #F3FCFF;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    filter: "alpha(opacity=100)";
    opacity: 100;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
}

.search-box-i {
    margin-left: 17px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background: #C0C0C0;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-style: normal;
    border-radius: 3px;
}

.search-box-1 {
    background: #F76540;
}

.search-box-2 {
    background: #FDB147;
}

.search-box-3 {
    background: #05D171;
}

.search-box-span {
    font-size: 14px;
}

.sear-b {
    width: 80px;
    height: 38px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    float: right;
    /* margin-top: -1px; */
}

/* .sear-b:hover {
    background-color: #3280F4;
}

.sear-b:active {
    background-color: #40A8FF;
} */

.search-submit {
    width: 80px;
    height: 38px;
    margin-right: 2px;
    float: left;
    position: relative;
}

.drop-sear {
    width: 420px;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 39px;
    right: 80px;
    overflow: hidden;
    box-shadow: 0px 2px 9px 0 rgba(214, 214, 211, 0.76);
    display: block;
}

.drop-sear li {
    width: 100%;
    height: 41px;
    float: left;
    border-bottom: 1px solid #f1f1f1;
}

.drop-sear li a {
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #636363;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drop-sear li a:hover {
    background-color: #F3FCFF;
}

.search-img {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/icon_sousuo_01.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: 29px;
    top: 8px;
}

.sear-b-img {
    /* color: #bababb; */
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 24px;
}

.prevBtn {
    left: 5px;
    background: url("../images/btn_left_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.prevBtn:hover {
    background: url("../images/btn_left_02.png") no-repeat center center;
    background-size: 100% 100%;
}

.nextBtn {
    right: 5px;
    background: url("../images/btn_right_01.png") no-repeat center center;
    background-size: 100% 100%;
}

.nextBtn:hover {
    background: url("../images/btn_right_02.png") no-repeat center center;
    background-size: 100% 100%;
}

.p-btn {
    position: absolute;
    top: 107px;
    z-index: 112;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    opacity: 0;
    text-indent: -50px;
    display: block;
}

.tab-img-list:hover .p-btn {
    opacity: .9;
}

.tab-change {
    height: 6px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -45px;
    z-index: 102;
    overflow: hidden;
}

.tab-he {
    display: inline-block;
    width: 38px;
    height: 6px;
    border-radius: 6px;
    margin-right: 4px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    background-color: #fff;
    float: left;
}

.tab-active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tab-at {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tab-he:last-child {
    margin-right: 0px;
}

.ppt-classify {
    width: 100%;
    margin: 0 auto;
    /* height: 291px; */
    position: relative;
    background-color: #fafafa;
    /*padding-top: 20px;*/
    /*box-sizing: border-box;*/
}

.classify-content {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    padding: 0 5.5px;
    padding-top: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.special-title {
    font-size: 24px;
    color: #363636;
    font-family: 'microsoft yahei';
    text-align: center;
}

.model-special {
    color: #363636;
    font-size: 16px;
    text-align: center;
}

.special-more {
    display: block;
    text-align: right;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 5px;
}

.special-more:hover {
    color: #2C73EB;
}

.special-item {
    display: inline-block;
    width: 280px;
    height: auto;
    background-color: #fff;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

:root .special-item {
    display: inline-block;
    width: 280px;
    height: 288px;
    background-color: #fff;
    cursor: pointer;
    margin-right: 16px;
    margin-bottom: 8px;
}

.special-item:nth-child(4n) {
    margin-right: 0px;
}

:root .ppt-classify .special-item {
    float: left;
    height: 206px;
}

.special-box .special-model {
    overflow: hidden;
}

.special-img-box {
    display: block;
    height: 162px;
    margin: 5px 4px;
    margin-bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.special-img {
    display: block;
    width: 280px;
    height: 157px;
    transition: all .4s;
}

.special-img:hover {
    transform: scale(1.05);
}

.special-txt {
    height: 35px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}

.special-type {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    border: 1px solid #E6E6E6;
    /* padding: 0 17px; */
    box-sizing: border-box;
    color: #666666;
    font-size: 12px;
    border-radius: 26px;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    flex: 1;
    max-width: 80px;
    text-align: center;
}

.special-type .special-left {
    display: inline-block;
    color: #999999;
    vertical-align: middle;
    margin-top: -3px;
}

.special-type:hover {
    border: 1px solid #3291F5;
    background-color: #3291F5;
    color: #ffffff;
}

.special-type:hover .special-left {
    color: #ffffff;
}

.special-type:active {
    border: 1px solid #3C6EF0;
    background-color: #3C6EF0;
    color: #ffffff;
}

.special-type:active .special-left {
    color: #ffffff;
}

.special-name {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    float: left;
    flex: 1;
}

.special-name:hover {
    color: #2C73EB;
}

.special-num {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    color: #666666;
    font-size: 14px;
    float: right;
}

.special-coll,
.special-over {
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #3291F5;
    color: #ffffff;
    font-size: 12px;
    float: right;
    margin-right: 4px;
    border-radius: 2px;
}

.special-over {
    background-color: #E0EFFE;
    color: #3291F5;
}

.special-coll:hover {
    background-color: #5A94FA;
}

.special-over:hover {
    background-color: #5A94FA;
    color: #ffffff;
}

.special-coll:active {
    background-color: #3C6EF0;
}

.special-over:active {
    background-color: #3C6EF0;
    color: #ffffff;
}

.looked-more {
    height: 23px;
    color: #666666;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    opacity: 0.6;
    letter-spacing: 1px;
}

.looked-more:hover span {
    margin-left: 6px;
}

.looked-more:hover a {
    left: -3px;
    color: #3291F5;
}

.looked-more:active a {
    color: #3C6EF0;
}

.looked-more a {
    position: relative;
    color: #333333;
    transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -webkit-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
}

.bt-body .looked-more:hover span {
    margin-left: 16px;
    color: #3291F5;
}

.looked-more span {
    margin-left: 0px;
    font-size: 16px;
    transition: 0.15s ease-in;
    -moz-transition: 0.15s ease-in;
    -webkit-transition: 0.15s ease-in;
    -o-transition: 0.15s ease-in;
}

.looked-more:hover span {
    color: #3291F5;
}

.ppt-model {
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
    background-color: #fafafa;
    padding-top: 30px;
}

.office-box {
    margin-top: 14px;
}

.word-box {
    margin-top: 40px;
}

.model-content {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    padding: 0 5.5px;
    padding-top: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.model-index {
    padding-bottom: 36px;
}

.model-title {
    font-size: 24px;
    color: #363636;
    font-family: 'microsoft yahei';
    text-align: center;
    margin-bottom: 23px;
}

.model-box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.model-item {
    width: 280px;
    height: 437px;
    float: left;
    margin-right: 16px;
    /* border: 1px solid #dcdcdc; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 2px #f5f5f5;
}

.model-item:nth-child(4n) {
    margin-right: 0px;
}

.pro-img {
    width: 100%;
    height: 396px;
    overflow: hidden;
    position: relative;
}

.model-img-con {
    width: 100%;
    height: 433px;
    overflow: hidden;
}

.us-source-free {
    position: relative;
}

.us-source-free:hover::after {
    /*visibility: hidden;*/
}

.us-source-free::after {
    content: "免费";
    width: 86px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, #FF872C, #FF2A27, #FF2D93);
    border-radius: 4px 4px 20px 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 400;
    font-size: 22px;
}

.us-source-free.us-btn::after {
    width: 56px;
    height: 26px;
    border-radius: 2px 2px 10px 0;
    font-weight: 400;
    font-size: 16px;
}

.excel-item .model-img-con {
    height: 309px;
}


/*excel模板框样式*/

.excel-item {
    width: 291px;
    height: 357px;
    float: left;
    position: relative;
    margin-right: 8px;
    background-color: #fff;
    /* border: 1px solid #dcdcdc; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 2px #f5f5f5;
}

.excel-item:nth-child(4n) {
    margin-right: 0px;
}

.excel-item:hover .model-cover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.pro-excel {
    width: 100%;
    height: 309px;
    position: relative;
    overflow: hidden;
}

.model-cover {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 433px;
    text-align: center;
    padding-top: 196px;
    display: none;
}

.excel-item .model-cover {
    height: 400px;
}

.model-back {
    position: absolute;
    background: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.model-cover .once-down {
    position: absolute;
    filter: alpha(opacity=100);
    left: 0;
    right: 0;
    /* top: 316px; */
    z-index: 102;
    font-size: 14px;
    color: #fff;
    width: 170px;
    height: 44px;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
}

.model-cover .once-coll {
    position: absolute;
    filter: alpha(opacity=100);
    right: 9px;
    top: 9px;
    z-index: 102;
    width: 30px;
    height: 30px;
    display: block;
    /*background: url("../images/css_sprites_07.png") -10px -272px;*/
    background: url("../images/css_sprites_24.png") -10px -58px;
}

.excel-item .model-cover .once-down {
    top: 230px;
}

.model-cover .once-down {
    background-color: #4E7FFF;
}

.model-cover .once-down:hover {
    background-color: #5A94F9;
}

.model-cover .once-down:active {
    background-color: #3D6FF1;
}

.model-cover .once-coll:hover {
    /*background: url("../images/css_sprites_07.png") -182px -130px;*/
    background: url("../images/css_sprites_24.png") -10px -10px;
}

.oDown-img {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/css_sprites_07.png") -296px -152px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}

.model-img {
    display: inline-block;
    width: 100%;
    height: 100%;
    /*width: 282px;*/
    margin-left: -1px;
    margin-top: -2px;
}

.office-item .model-img {
    transition: all .4s;
}

.office-item .model-img:hover {
    transform: scale(1.05);
}

.model-txt {
    width: 100%;
    height: 40px;
    padding: 0px 16px 0px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.model-txt .title {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.model-txt .title:hover {
    color: #4175dd !important;
    /*text-decoration: underline;*/
}

.model-have {
    display: none;
    width: 100%;
    height: 35px;
    /*background-color: #ececec;*/
    /*overflow: hidden;*/
    position: relative;
}

.line-top {
    width: 252px;
    border-top: 1px solid #E5E5E5;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -126px;
}

.excel-item .model-have {
    width: 100%;
    height: 35px;
    /*overflow: hidden;*/
}

.model-have .down {
    display: block;
    width: 140px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    position: relative;
    /*border-right: 1px solid #ececec;*/
}

.excel-item .model-have .down {
    width: 144px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    position: relative;
    /*border-right: 1px solid #ececec;*/
}

.model-have .down:hover .down-img {
    background: url("../images/css_sprites_26.png") -10px -10px;
}

.model-have .down:hover .down-num {
    color: #3291F5;
}

.model-have .collect {
    width: 140px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    position: relative;
}

.excel-item .model-have .collect {
    width: 144px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    position: relative;
}

.model-have .collFin {
    width: 140px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    position: relative;
}

.excel-item .model-have .collFin {
    width: 144px;
    height: 100%;
    background-color: #ffffff;
    float: left;
    position: relative;
}

.model-have .collect:hover .collect-img {
    background: url("../images/css_sprites_26.png") -48px -10px;
}

.model-have .collFin .collect-img {
    background: url("../images/css_sprites_26.png") -48px -10px;
}

.model-have .collect:hover .collect-num {
    color: #3291F5;
}

.model-have .collFin:hover .collect-num {
    color: #3291F5;
}

.down-img,
.collect-img {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 36px;
    top: 8px;
}

.excel-item .down-img,
.excel-item .collect-img {
    position: absolute;
    left: 45px;
    top: 8px;
}

.collect .ic-add {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../images/add-1.gif") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -30px;
}

.down-img {
    background: url("../images/css_sprites_26.png") -10px -48px;
}

.collect-img {
    background: url("../images/css_sprites_26.png") -48px -48px;
}

.down-num,
.collect-num {
    width: 60px;
    height: 36px;
    line-height: 36px;
    color: #9e9c9c;
    font-size: 14px;
    position: absolute;
    left: 69px;
    top: 0px;
}

.excel-item .down-num,
.excel-item .collect-num {
    position: absolute;
    left: 80px;
    top: 0px;
}

.model-more {
    width: 190px;
    height: 52px;
    border-radius: 52px;
    margin: 0 auto;
    margin-top: 5px;
    background-color: #3089e5;
    overflow: hidden;
}

.model-more:hover {
    background-color: #409af5;
}

.model-more:active {
    background-color: #197de2;
}

.more-a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 52px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.ppt-advantage {
    width: 100%;
    height: 205px;
    background-color: #343434;
    border-bottom: 2px solid #3b3b3b;
}

.advantage-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.advantage-item {
    width: 25%;
    height: 100%;
    padding-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.advantage-img {
    display: block;
    width: 96px;
    height: 82px;
    margin: 0 auto;
    margin-bottom: 14px;
}

.advantage-txt {
    font-size: 14px;
    color: #717171;
    text-align: center;
    line-height: 16px;
    margin-bottom: 2px;
    opacity: 0.7;
}

.ppt-about {
    width: 100%;
    height: 296px;
    background-color: #2f3139;
}

.about-content {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.about-us {
    width: 100%;
    height: auto;
    padding-top: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.about-title {
    font-size: 14px;
    color: #5f5f5f;
    text-align: center;
    opacity: 0.7;
}

.about-img {
    display: inline-block;
    width: 116px;
    height: 46px;
    vertical-align: middle;
    margin-left: -20px;
    background: url("../images/logo@2x.png") no-repeat center;
    position: absolute;
    left: 14px;
    top: 64px;
}

.about-edition {
    display: inline-block;
    width: 116px;
    text-align: center;
    font-size: 12px;
    color: #7b7b7c;
    position: absolute;
    left: -6px;
    top: 120px;
}

.about-txt {
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    /* text-align: right; */
    margin-top: 30px;
    text-align: center;
}

.about-us .i-copy {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/imgsq@2x.png") no-repeat center;
    vertical-align: middle;
    margin: -3px 3px 0 0;
}

.sel-url {
    display: none;
}

.sel-url {
    margin-top: 10px;
}


/*.copy-h{*/


/*    display: inline-block;*/


/*    width: 1px;*/


/*    height: 12px;*/


/*    background-color: #5f5f5f;*/


/*    margin-right: 20px;*/


/*    vertical-align: middle;*/


/*}*/

.copy-a {
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    margin-right: 26px;
}

.copy-a:hover {
    /*text-decoration: underline;*/
    color: #3291F5;
}

.copy-a:active {
    color: #3C6EF0;
}

.about-company {
    font-size: 12px;
    color: #999999;
    /* text-align: right; */
    text-align: center;
    margin-top: 5px;
}

.beian {
    font-size: 12px;
    color: #999999;
}

.ppt-server {
    width: 60px;
    position: fixed;
    right: 10px;
    bottom: 30px;
    /*border: 1px solid #cbcbcb;*/
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    cursor: pointer;
    z-index: 999;
    /*border-bottom-right-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
    border-radius: 4px;
}

.ppt-favour {
    width: 72px;
    height: 122px;
    background: url("../images/pic_youhuiquan.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: -2px;
    top: -122px;
}

.fav-t {
    color: #fff;
    font-size: 14px;
    padding-top: 8px;
    text-align: center;
    font-family: "SourceHanSansCN-Regular" !important;
    font-weight: bold;
}

.fav-line {
    width: 60px;
    border-top: 1px dashed #fff;
    margin: 0 auto;
    margin-top: 2px;
}

.fav-num {
    margin-top: 10px;
    position: relative;
}

.fav-dor {
    display: inline-block;
    width: 7px;
    height: 10px;
    font-size: 13px;
    color: #fff;
    margin-left: 3px;
}

.fav-m {
    display: inline-block;
    color: #fff;
    font-size: 27px;
    font-weight: bold;
}

.fav-num .fav-l {
    display: inline-block;
    width: 22px;
    border-top: 1px solid #fff;
    position: absolute;
    left: 25px;
    top: 40px;
}

.fav-a {
    display: inline-block;
    width: 62px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #FC5C4D;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 12px;
    border-radius: 20px;
    background-color: #FFDB9D;
    -webkit-box-shadow: 0 3px 3px #fe4027;
    -moz-box-shadow: 0 3px 3px #fe4027;
    box-shadow: 0 3px 3px #fe4027;
}


/*邀请入口*/

.ppt-activity {
    height: 70px;
    width: 60px;
    background: url("../images/pic_mianfei.png") no-repeat center center;
    background-size: cover;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position: absolute;
    display: none;
    top: -70px;
    left: 0px;
}

.ppt-activity .icon-vip {
    display: block;
    width: 44px;
    height: 26px;
    background: url("../images/pic_free.gif") no-repeat center center;
    margin: 0 auto;
    margin-top: 5px;
}

.ppt-activity .free-get {
    color: #fff;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}

.ppt-activity .activity-entry {
    display: block;
}

.ppt-mbti,
.ppt-member,
.ppt-shengming,
.ppt-consult,
.ppt-feedback,
.btn-top,
.ppt-qq,
.ppt-aippt {
    width: 100%;
    height: 53px;
    padding-top: 6px;
    box-sizing: border-box;
    position: relative;
}


/* fuli */

.mbti-box {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: url("../images/icon_fuli@2x.png")no-repeat center;
}

.btn-top {
    display: none;
}

.ppt-member {
    height: 55px;
}

.ppt-member:hover,
.ppt-consult:hover,
.ppt-feedback:hover,
.btn-top:hover {
    /*background: -webkit-linear-gradient(left, #37BEF6 , #3789F6); !* Safari 5.1 - 6.0 *!*/
    /*background: -o-linear-gradient(right, #37BEF6, #3789F6); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(right, #37BEF6, #3789F6); !* Firefox 3.6 - 15 *!*/
    /*background: linear-gradient(to right, #37BEF6, #3789F6); !* 标准的语法 *!*/
}

.ppt-member:hover p,
.ppt-shengming:hover p,
.ppt-consult:hover p,
.ppt-feedback:hover p,
.btn-top:hover p,
.ppt-qq:hover p
.ppt-aippt:hover p{
    color: #3280F4;
}

.ppt-member:hover .btn-line,
.ppt-consult:hover .btn-line,
.ppt-feedback:hover .btn-line,
.btn-top:hover .btn-line {
    /*border-bottom: none;*/
}

.ppt-member:active,
.ppt-consult:active,
.ppt-feedback:active,
.btn-top:active {
    /*background: -webkit-linear-gradient(left, #00A6FF , #0077FD); !* Safari 5.1 - 6.0 *!*/
    /*background: -o-linear-gradient(right, #00A6FF, #0077FD); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(right, #00A6FF, #0077FD); !* Firefox 3.6 - 15 *!*/
    /*background: linear-gradient(to right, #00A6FF, #0077FD); !* 标准的语法 *!*/
}

.ppt-consult:hover .qq-consult {
    display: block;
}

.qq-consult {
    position: absolute;
    top: 0;
    left: -224px;
    display: none;
    width: 224px;
    height: 100px;
}

.qq-consult .qq-tip {
    position: absolute;
    left: 0px;
    width: 214px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 0 10px;
    box-sizing: border-box;
}

.qq-consult .inner-san {
    position: relative;
    top: 20px;
    left: 200px;
    width: 10px;
    height: 10px;
    border-top: 2px solid hsla(0, 0%, 80%, .58);
    border-left: 2px solid hsla(0, 0%, 80%, .58);
    background-color: #fff;
    transform: rotate(135deg);
}

.qq-consult .cd-line {
    width: 190px;
    height: 1px;
    background: #E6E6E6;
    margin: 0 auto;
}

.qq-consult .cd-qq {
    display: block;
    height: 49px;
    line-height: 49px;
    color: #333333;
    margin-top: -10px;
}

.qq-consult .i-cd-qq {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/css_sprites_20.png") -10px -10px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px;
}

.qq-consult .cd-qq-btn {
    display: inline-block;
    padding: 6px 13px;
    border-radius: 4px;
    background-color: #3291F5;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    float: right;
    margin-top: 11px;
}

.qq-consult .cd-qq-btn:hover {
    background-color: #5A94FA;
}

.qq-consult .cd-qq-btn:active {
    background-color: #3C6EF0;
}

.qq-consult .cd-question {
    display: block;
    height: 49px;
    line-height: 49px;
    color: #333333;
}

.qq-consult .i-cd-question {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/css_sprites_20.png") -48px -10px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px;
}

.qq-consult .cd-to {
    display: inline-block;
    width: 10px;
    height: 18px;
    background: url("../images/css_sprites_20.png") -86px -10px;
    float: right;
    margin-top: 16px;
}

.qq-consult .cd-question:hover {
    color: #3291F5;
}

.qq-consult .cd-question:active {
    color: #3C6EF0;
}

.qq-consult .cd-question:hover .i-cd-question {
    background: url("../images/css_sprites_20.png") -10px -48px;
}

.qq-consult .cd-question:active .i-cd-question {
    background: url("../images/css_sprites_20.png") -48px -48px;
}

.qq-consult .cd-question:hover .cd-to {
    background: url("../images/css_sprites_20.png") -86px -48px;
}

.qq-consult .cd-question:active .cd-to {
    background: url("../images/css_sprites_20.png") -116px -10px;
}

.feedback-box {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: url('../images/css_sprites_02.png') -10px -10px;
}

.ppt-feedback:hover .feedback-box {
    background: url('../images/css_sprites_02.png') -52px -10px;
}

.ppt-feedback:active .feedback-box {
    background: url('../images/css_sprites_02.png') -10px -52px;
}

.member-box {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: url('../images/css_sprites_02.png') -136px -10px;
}
.shengming-box {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: url('../images/shengming.png');
}
.shengming p {

}
.redp {
    position: absolute;
    top: 1px;
    right: 3px;
    width: 5px;
    height: 5px;
    background: red;
    border-radius: 50%;
}

.ppt-member:hover .member-box {
    background: url('../images/css_sprites_02.png') -136px -52px;
}

.ppt-member:active .member-box {
    background: url('../images/css_sprites_02.png') -136px -94px;
}

.consult-box {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: url('../images/css_sprites_02.png') -52px -52px;
}

.consult-zi {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    background: url(../images/icon_server.png) -200px -178px no-repeat;
}

.ppt-consult:hover .consult-box {
    background: url('../images/css_sprites_02.png') -94px -10px;
}

.ppt-consult:active .consult-box {
    background: url('../images/css_sprites_02.png') -94px -52px;
}

.top-box {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-top: 0px;
    background: url('../images/css_sprites_02.png') -10px -136px;
}

.btn-top:hover .top-box {
    background: url('../images/css_sprites_02.png') -52px -136px;
}

.btn-top:active .top-box {
    background: url('../images/css_sprites_02.png') -94px -136px;
}

.qq-box {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-top: 0px;
    background: url('../images/css_sprites_02.png') -10px -94px;
}
.aippt-box{
    width: 24px;
    height: 24px;
    margin: 0 auto;
    margin-top: 0px;
    background: url('../images/css_sprites_aippt.png') no-repeat center/100% 100%;
}
.ppt-aippt:hover .aippt-box {
    background: url('../images/css_sprites_aippt.png') no-repeat center/100% 100%;
}
.ppt-aippt:hover .aippt-box + p{
   color: #007AFF;
}

.ppt-aippt:active .aippt-box {
    background: url('../images/css_sprites_aippt.png') no-repeat center/100% 100%;
}
.ppt-qq:hover .qq-box {
    background: url('../images/css_sprites_02.png') -52px -94px;
}

.ppt-qq:active .qq-box {
    background: url('../images/css_sprites_02.png') -94px -94px;
}

.ppt-mbti p,
.ppt-member p,
.ppt-shengming p,
.ppt-consult p,
.ppt-feedback p,
.ppt-qq p ,
.ppt-aippt p{
    margin-top: 2px;
    text-align: center;
    color: #333;
    font-size: 12px;
}

.btn-top p {
    margin-top: 0px;
    text-align: center;
    color: #333;
    font-size: 12px;
}

.btn-line {
    width: 52px;
    border-bottom: 1px solid #ececec;
    position: absolute;
    bottom: 0px;
    left: 3px;
}

.mbti-item {
    display: none;
    width: 230px;
    height: 120px;
    position: absolute;
    background: url("../images/mbtibanner@2x.png")no-repeat left center;
    background-size: 220px 120px;
    top: 0;
    left: -230px;
    z-index: 90;
}

.close-mbti {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/icon_mbtigb@2x.png")no-repeat center;
    position: absolute;
    top: 4px;
    right: 14px;
    z-index: 98;
}

.ptt-close-css {}


/*
.ppt-mbti.ppt-mbtiHover:hover>.mbti-item {
    display: block;
}

.ppt-mbti.ppt-mbtiHover:hover .mbti-item p {
    color: #3280F4;
} */


/*登录、注册*/

.ppt-cont_bg {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=60);
    display: none;
}
.fenjin-toast {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0,0,0,.2);
    z-index: 9999;
    display: none;
}

.toast-fenjinbox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toast-content {
    width: auto;
    max-width: 300px;
    height: auto;
    background: #FFFFFF;
    border-radius: 14px 14px 14px 14px;
    padding: 24px 50px;
}
.toast-title {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}
.toast-txt {
    font-size: 16px;
}

.ppt-login,
.ppt-acct {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -38px;
    z-index: 1000;
    width: 428px;
    height: 520px;
    margin-top: -260px;
    background: #fff;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: none;
}

.ppt-acct {
    display: none;
}

.quick-login {
    margin-bottom: 68px;
    margin-top: 98px;
}

.pass-login {
    margin-bottom: 68px;
    margin-top: 50px;
}

.pass-user {
    width: 304px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.pass-img-01 {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    vertical-align: middle;
}

.pass-phone,
.pass-txt {
    width: 200px;
    height: 30px;
    line-height: 20px;
    border: none;
    outline: none;
    color: #7B7B7B;
    font-size: 12px;
    vertical-align: middle;
}

.pass-line {
    display: inline-block;
    width: 304px;
    height: 1px;
    background-color: #E3E3E3;
    position: absolute;
    bottom: -6px;
    left: 0px;
}

.bat-line {
    width: 198px;
}

.pass-word {
    width: 304px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.pass-btn,
.info-btn {
    width: 304px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 34px;
    border-radius: 54px;
    cursor: pointer;
    outline: none;
    border: none;
    background: #318FF6;
    margin-left: 57.5px;
}

.pass-btn:hover,
.info-btn:hover {
    background-color: #317FF6;
}

.pass-btn:active,
.info-btn:active {
    background-color: #3CA1FF;
}

.pass-btn-r {
    background-color: #1DAA66;
}

.pass-btn-r:hover {
    background-color: #129154;
}

.pass-mess label.error,
.pass-login label.error {
    font-size: 12px;
    position: absolute;
    bottom: -28px;
    left: -15px;
}


/*短信登录*/

.pass-mess {
    margin-bottom: 68px;
    margin-top: 50px;
}

.pass-tu,
.pass-get {
    width: 304px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.pass-tu {
    display: none;
}

#registerFo .pass-tu {
    display: block;
}

.pass-regi {
    margin-top: 50px;
}

.pass-code {
    width: 75px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: -2px;
}

.pass-img-c {
    width: 75px;
    height: 30px;
}

.mess-btn {
    width: 80px;
    height: 32px;
    border-radius: 5px;
    line-height: 30px;
    border: 1px solid #37B2F6;
    background-color: #fff;
    text-align: center;
    color: #37B2F6;
    font-size: 12px;
    position: absolute;
    right: 0px;
    bottom: -2px;
    cursor: pointer;
    outline: none;
}

.mess-btn:hover {
    /*border: 1px solid #4B8FFF;*/
    background: -webkit-linear-gradient(left, #3789F6, #37BEF6);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #3789F6, #37BEF6);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #3789F6, #37BEF6);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3789F6, #37BEF6);
    /* 标准的语法 */
    color: #fff;
}

.mess-btn:active {
    background: -webkit-linear-gradient(left, #377AF6, #419AFF);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #377AF6, #419AFF);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #377AF6, #419AFF);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #377AF6, #419AFF);
    /* 标准的语法 */
    color: #fff;
}

.register-btn {
    width: 304px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 30px 0 30px 57.5px;
    border-radius: 54px;
    cursor: pointer;
    outline: none;
    border: none;
    background: #318FF6;
}

.register-btn:hover {
    background-color: #317FF6;
}

.register-btn:active {
    background-color: #3CA1FF;
}

.ppt-login .change-btn {
    background-color: #318FF6;
}

.ppt-login .change-btn:hover {
    background-color: #317FF6;
}

.ppt-login .change-btn:active {
    background-color: #3CA1FF;
}

:root .ppt-login .change-btn:active {
    background: -webkit-linear-gradient(left, #377AF6, #65B8FF);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #377AF6, #65B8FF);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #377AF6, #65B8FF);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #377AF6, #65B8FF);
    /* 标准的语法 */
}

.login-logo {
    width: 184px;
    height: 46px;
    margin: 0 auto;
    margin-top: 50px;
    background: url("../images/logo_login.png") no-repeat center center;
    background-size: 100% 100%;
}

:root .login-logo {
    background: url("../images/logo_login.svg") no-repeat center center;
    background-size: 100% 100%;
}

.weixin-login {
    width: 108px;
    display: inline-block;
    margin-left: 72px;
    cursor: pointer;
    position: relative;
}

.login-wei {
    display: inline-block;
    width: 108px;
    height: 108px;
}

.weixin-login span {
    display: block;
    color: #333333;
    font-size: 16px;
    text-align: center;
}

.weixin-login:hover span {
    color: #3293F4;
}

.weixin-login:active span {
    color: #0462FD;
}

.qq-login {
    width: 108px;
    display: inline-block;
    margin-left: 77px;
    cursor: pointer;
    position: relative;
}

.login-qq {
    display: inline-block;
    width: 108px;
    height: 108px;
}

.qq-login span {
    display: block;
    color: #333333;
    font-size: 16px;
    text-align: center;
}

.qq-login:hover span {
    color: #3293F4;
}

.qq-login:active span {
    color: #0462FD;
}

.before-login {
    display: inline-block;
    width: 70px;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    text-align: center;
    color: #666666;
    font-size: 12px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(50, 147, 244, 0.2);
    display: none;
}

.before-qq {
    position: absolute;
    top: 9px;
    left: 68px;
}

.before-weixin {
    position: absolute;
    top: 9px;
    left: 68px;
}

.before-phone {
    position: absolute;
    top: -24px;
    left: 252px;
}

.acc-num {
    color: #0D85FF;
    margin-top: 59px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.login-tab {
    margin-top: 27px;
    text-align: center;
}

.login-tab .tab {
    display: inline-block;
    width: 152px;
    color: #333;
    font-size: 12px;
    cursor: pointer;
    padding-bottom: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #E3E3E3 !important;
    margin-right: -5px;
}

.login-tab .tab:hover {
    color: #37B2F6;
}

.login-tab .tab-active {
    color: #37B2F6;
    border-bottom: 2px solid #37B2F6 !important;
}

.login-tab .tab-las {
    margin-right: 0px;
}

.m_protocol {
    width: 428px;
    font-size: 12px;
    color: #7B7B7B;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0px;
}

.y_protocol {
    margin-top: 39px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.m_protocol span,
.m_protocol a {
    color: #7B7B7B;
    font-size: 12px;
}

.m_protocol input {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}


/* 手机注册 */

.close-img {
    display: inline-block;
    width: 29px;
    height: 29px;
    position: absolute;
    right: -35px;
    top: 0px;
    cursor: pointer;
    background: url(../images/btn_clos_n.png) no-repeat center center;
    background-size: 100% 100%;
}

.close-img:active {
    background: url("../images/btn_clos_h.png") no-repeat center center;
    background-size: 100% 100%;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #A0A0A0;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #A0A0A0;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #A0A0A0;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #A0A0A0;
}

.per-ul .per-type:hover {
    color: #0d7ced;
}

.ppt-register .m_protocol {
    margin-top: 22px;
}


/*快捷登录*/

.pass_quick_login {
    padding: 0 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 366px;
    left: 0px;
}

.pass_line_left,
.pass_line_right {
    display: inline-block;
    width: 111px;
    border-bottom: 1px solid #EBEBEB;
    vertical-align: middle;
}

.pass_center {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    margin: 0 15px;
}

.pass-quick {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 38px;
    left: 0px;
}

.pass-quick .account {
    padding: 0 20px 0 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pass-quick .no_account {
    font-size: 14px;
    color: #7B7B7B;
}

.pass-quick .register_now {
    font-size: 14px;
    color: #3293F4;
    cursor: pointer;
}

.pass-quick .login_account {
    font-size: 14px;
    color: #3293F4;
    cursor: pointer;
    margin-left: 50px;
    float: right;
}

.pass-quick .line {
    color: #7B7B7B;
    margin: 0 6px;
    float: right;
}

.pass-quick .quick_callback {
    font-size: 14px;
    color: #3293F4;
    cursor: pointer;
    margin-left: 120px;
}

.pass-quick .phone_account,
.pass-quick .pass-forget,
.pass-quick .login_register {
    font-size: 14px;
    color: #3293F4;
    cursor: pointer;
    float: right;
}

.pass-quick .phone_account {
    margin-right: 152px;
}

.pass-quick .register_now:hover,
.pass-quick .login_account:hover,
.pass-quick .phone_account:hover,
.pass-quick .pass-forget:hover,
.pass-quick .quick_callback:hover,
.pass-quick .login_register {
    color: #0462FD;
}

.pass-left {
    position: absolute;
    left: -348px;
    top: 0;
    width: 348px;
    height: 520px;
    background: url(../images/bg_left.png);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pass-left .title {
    margin-top: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #FEFEFE;
    text-align: left;
    padding-left: 40px;
    letter-spacing: 2px;
}

.pass-left ul {
    display: block;
    margin-top: 21px;
}

.pass-left ul li {
    height: 50px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    line-height: 42px;
}

.pass-left ul li i {
    display: inline-block;
    width: 78px;
    height: 40px;
    background: url(../images/icon_tubiao.png) 37px 8px no-repeat;
    vertical-align: -10px;
}

.pass-left ul li i.icon2 {
    background: url(../images/icon_tubiao.png) 37px -42px no-repeat;
}

.pass-left ul li i.icon3 {
    background: url(../images/icon_tubiao.png) 37px -92px no-repeat;
}

.pass-left ul li i.icon4 {
    background: url(../images/icon_tubiao.png) 37px -142px no-repeat;
}

.pass-left ul li i.icon5 {
    background: url(../images/icon_tubiao.png) 37px -192px no-repeat;
}


/*vip弹出框*/

.ppt-vip {
    width: 1150px;
    height: 700px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
    /*display: none;*/
}

.vip-inf {
    height: 98px;
    background: url("../images/vip_bg.png") no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 98px;
}

.vip-int {
    height: 98px;
    background: url("../images/pic_banner_youhuiquan.png") no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 98px;
}

.close-vip {
    display: inline-block;
    width: 29px;
    height: 31px;
    position: absolute;
    right: -41px;
    top: 0px;
    cursor: pointer;
    background: url("../images/btn_clos_n.png");
    background-size: 100% 100%;
}

.close-vip:hover {
    background: url("../images/btn_clos_h.png");
    background-size: 100% 100%;
}

.close-vip:active {
    background: url("../images/btn_clos_n.png");
    background-size: 100% 100%;
}

.vip-top {
    width: 100%;
    height: 33px;
    line-height: 33px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e8eff9;
    color: #333;
    font-size: 12px;
}

.vip-account {
    line-height: 33px;
    color: #333;
    font-size: 12px;
}

.vip-us {
    line-height: 33px;
    color: #333;
    font-size: 12px;
}

.vip-pay {
    width: 100%;
    height: 410px;
    background-color: #fff;
}

.pay-number {
    text-align: center;
    padding-top: 4px;
    color: #333;
    font-size: 14px;
    margin-left: 347px;
}

.pay-num {
    font-size: 45px;
    font-family: Barlow-Bold, Barlow;
    font-weight: bold;
    color: #F44545;
    line-height: 45px;
}


.pay-code {
    position: relative;
}

.pay-title {
    position: absolute;
    top: 194px;
    left: 477px;
}

.pay-title-top {
    display: flex;
    align-items: flex-end;
}

.pay-title-mid {
    font-weight: 400;
    color: #666666;
    margin: 11px 0 12px;
}

.pay-title-fot {
    font-weight: 400;
    color: #9DA9B9;
    cursor: pointer;
}

.pay-title-top1 {
    font-size: 18px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #13171D;
}

.pay-title-top2 {
    font-size: 20px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #F44545;
    /* line-height: 20px; */
}

.wei-box {
    width: 240px;
    height: 300px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 203px;
}
.countdown-box {
    position: absolute;
    display: flex;
    align-items: center;
        top: 0;
    left: 475px
}
.countdown-r {
    display: flex;
    align-items: center;
}
.countdown-l {
font-size: 18px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
color: #13171D;
margin-right: 10px;
}

.countdown-r-x {
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #13171D;
    margin:0 12px;
}
.count-downbox {
    width: 250px;
    position: fixed;
    right: 20px;
    bottom: 58%;
    z-index: 999;
    display: none;
    transform: translateY(50%);
}
.count-down-relbox {
    cursor: pointer;
}
.count-down-top {
    /* background: url('../images/cudownimg.png')no-repeat center;
    background-size: 237px 146px; */
    margin-right: 15px;
}
.count-down-top img {
    transform-style: preserve-3d;
    /* transform: rotateY(361deg); */
    animation: fanzhuan 2s linear infinite;
}
@keyframes fanzhuan {
    0% {
        transform: rotateY(0)
    }
    30% {
        transform: rotateY(90deg)
    }
    60% {
        transform: rotateY(0)
    }
}
.count-down-fot {
    width: 180px;
    height: 40px;
    background: linear-gradient(180deg, #FC7E32 0%, #FF4A32 100%);
    border-radius: 50px 50px 50px 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 10px;
}
.count-down-fot span{
    font-size: 18px;
    font-family: AliHYAiHei-Regular, AliHYAiHei;
    font-weight: 600;
    color: #FFFFFF;
}
.countdown-r-box {
width: 50px;
height: 50px;
border-radius: 6px 6px 6px 6px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    background: url("../images/timebgc.png");
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
}
.zhifubao-box {
    width: 170px;
    height: 234px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 667px;
}

.wei-code {
    width: 240px;
    height: 240px;
    padding: 15px;
    /* border: 2px solid #189e2d; */
    /* border-radius: 2px; */
    /* border-radius: 9px 9px 9px 9px;
    opacity: 1;
    border: 1px solid #EBEBEB; */
    border-bottom: 0;
}

.wx-codebox {
    width: 240px;
    height: 300px;
    background: #FFFFFF;
    border-radius: 9px 9px 9px 9px;
    opacity: 1;
    border: 1px solid #EBEBEB;
}

.wx-txt {
    width: 100%;
    height: 60px;
}

.wx-txtbox {
    display: flex;
    justify-content: center;
}

.wx-txtimgwx {
    width: 32px;
    height: 32px;
    margin: 5px 12px 0 33px;
}

.wx-txtimgzfb {
    width: 32px;
    height: 32px;
    margin: 5px 18px 0 0;
}

.wx-txttitle {
    font-size: 20px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #667081;
    margin-top: 5px;
}

.wei-code table {
    width: 140px;
    height: 147px;
    margin: 0 !important;
}

:root .wei-code table {
    width: 170px;
    height: 174px;
    margin: 0 !important;
}

.wei-code table td {
    height: 3.2px !important;
}

.zhifubao-code {
    display: inline-block;
    width: 170px;
    height: 174px;
    padding: 15px 21px 9px 24px;
    border: 2px solid #1d8ede;
    cursor: pointer;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    /*border-radius: 2px;*/
}

.zfb-img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.zhifubao-code table {
    width: 170px;
    height: 175px;
    margin: 0 !important;
}

.zhifubao-code table td {
    height: 3px !important;
}

.wei-code img,
.zhifubao-code .zfb-img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/pic_zfb.png") no-repeat center center;
    background-size: 100% 100%;
}

:root .wei-code img,
.zhifubao-code .zfb-img {
    background: url("../images/pic_wenzi.svg") no-repeat center center;
    background-size: 100% 100%;
}

.wei-info {
    width: 100%;
    height: 44px;
    margin-top: -1px;
    background-color: #28C241;
    border-radius: 2px;
}

.zhifubao-info {
    display: inline-block;
    width: 100%;
    height: 44px;
    margin-top: -1px;
    background-color: #1492EA;
    cursor: pointer;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    /*border-radius: 2px;*/
}

.wei-info-img,
.zhifubao-info-img {
    width: 30px;
    height: 30px;
    margin-left: 20px;
    vertical-align: middle;
}

.wei-txt,
.zhifubao-txt {
    color: #fff;
    line-height: 44px;
    margin-left: 8px;
    font-size: 16px;
}


/*协议*/

.ppt-right {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f3f3f3;
}

.copy-tab {
    width: 100%;
    height: 78px;
    padding-top: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #B1B2B2;
}

.pro-le {
    width: 1px;
    height: 17px;
    float: left;
    background-color: #B1B2B2;
    margin-top: 6.5px;
    margin-right: 21px;
}

.tab-us,
.tab-pro,
.tab-right {
    font-size: 20px;
    color: #333333;
    float: left;
    margin-right: 21px;
    cursor: pointer;
}

.tab-us:hover,
.tab-pro:hover,
.tab-right:hover {
    color: #4175DD;
}

.pro-active {
    color: #4175DD;
}

.ppt-us {
    width: 732px;
    padding-top: 20px;
    padding-bottom: 376px;
}

.ppt-proto {
    display: none;
}

.ppt-rig {
    max-width: 1051px;
    padding-top: 20px;
    padding-bottom: 60px;
    display: none;
}

.ri-con {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 81px 60px 40px;
}

.pro_tit {
    font-size: 14px;
    color: #333;
    margin-bottom: 18px;
    margin-top: 18px;
}

.chapter_tit {
    font-size: 14px;
    color: #333;
    margin-bottom: 18px;
    margin-top: 22px;
}

.pro_txt {
    font-size: 14px;
    line-height: 30px;
    color: #2B2B2B;
}

.pro_btx {
    font-size: 14px;
    line-height: 30px;
    color: #2B2B2B;
    margin-bottom: 25px;
}


/*登录弹出*/

.iframe_cont {
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 800px;
    height: 480px;
    margin: auto;
    /*border: 3px groove #e1e1e1;*/
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
}

.iframe_close {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 56px;
    height: 26px;
    background: #51b7ec;
    border-radius: 3px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
}


/*微信*/

.wx_QR_cont {
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    width: 360px;
    height: 420px;
    background: #fff;
    border-right: 5px;
    margin: auto;
}

.wx_QR_cont .wx_close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#login_wx iframe {
    width: 360px;
    height: 420px;
    display: block;
    margin: 0 auto;
}


/*导航弹出*/

.tab-box {
    /*width: 330px;*/
    width: 272px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 18px 18px 0 18px;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
    position: absolute;
    top: 56px;
}

.tab-square-1 {
    left: -35px;
}

.tab-square-2 {
    left: -90px;
}

.tab-square-3 {
    left: -24px;
}

.tab-square-4 {
    left: -80px;
}

.tab-square-5 {
    left: -86px;
}

.tab-square-6 {
    left: -85px;
}

.tab-square-7 {
    left: -100px;
}

.tab-square-8 {
    left: -76px;
}

.tab-square-9 {
    left: -80px;
}

.scroll-top .tab-square-1,
.scroll-top .tab-square-2,
.scroll-top .tab-square-3,
.scroll-top .tab-square-4,
.scroll-top .tab-square-5,
.scroll-top .tab-square-6,
.scroll-top .tab-square-7 {
    top: 60px;
}

.tab-square {
    /*height: 0px;*/
    /*width: 0px;*/
    /*border-left: 10px solid transparent;*/
    /*border-right: 10px solid transparent;*/
    /*border-bottom: 10px solid white;*/
    /*position: absolute;*/
    /*top: -5px;*/
    /*left: 51px;*/
}

.icon-more {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: text-bottom;
    margin-right: 8px;
}

.tab-u {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tab-u .tab-l {
    display: inline-block;
    width: 100px;
    height: 36px;
    margin-bottom: 20px;
}

.tab-u .tab-l>img {
    float: left;
}

.tab-u .tab-l:nth-child(2n) {
    float: right;
}

.tab-u .tab-l:nth-child(2n+1) {
    float: left;
}

.tab-u .tab-more {
    width: 50% !important;
}

.tab-it {
    display: block;
    width: 104px;
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #161F2D;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.tab-itpos {
    display: block;
    width: 90px;
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #161F2D;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
}


.tab-it2 {
    display: block;
    width: 115px;
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #161F2D;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.tab-it3 {
    display: block;
    width: 100px;
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #161F2D;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.tab-it .i-categories-new {
    display: inline-block;
    width: 22px;
    height: 14px;
    background: url("../images/icon_new@2x.png") no-repeat center center;
    position: absolute;
    top: -2px;
    right: -2px;
}

.tab-it:hover {
    color: #83BFFF;
}

.tab-it:active {
    color: #3291F5 !important;
}

.tab-it2:active {
    color: #3291F5 !important;
}

.tab-it3:active {
    color: #3291F5 !important;
}

.tab-itpos:active {
    color: #3291F5;
}

.tab-it2:hover {
    color: #83BFFF;
}

.tab-it3:hover {
    color: #83BFFF;
}

.tab-itpos:hover {
    color: #83BFFF;
}

.ppt-user {
    width: 42px;
    height: 42px;
    background-color: #fff;
    float: right;
    margin-right: 40px;
    border-radius: 100%;
    position: relative;
    margin-top: 10px;
    display: block;
}

.ppt-user:hover {
    -webkit-box-shadow: 0px 0px 2px #52a3f5;
    -moz-box-shadow: 0px 0px 2px #52a3f5;
    box-shadow: 0px 0px 2px #52a3f5;
}

.a-regist {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    overflow: hidden;
}

.lazy-vip1 {
    position: absolute;
    top: 28px;
    right: -3px;
}

.lazy-vip2 {
    position: absolute;
    top: 28px;
    right: -3px;
}


.lazy-nodelay {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.u-detail {
    width: 270px;
    height: auto;
    background-color: #fff;
    border-radius: 2px;
    padding: 0 16px 16px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 2px 20px 0 rgba(214, 211, 211, 0.76);
    position: absolute;
    top: 56px;
    left: -228px;
    z-index: 1004;
    display: none;
}

.u-detail .delta {
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #ffffff;
    position: absolute;
    top: -24px;
    left: 237px;
}

.ppt-user:hover .u-detail {
    display: block;
}

.user-ln {
    margin-top: 20px;
}

.user-cn {
    margin-top: 7px;
}

.user-in {
    font-size: 12px;
    color: #666;
    margin-right: -6px;
}

.user-ge {
    font-size: 12px;
    color: #666;
}

@keyframes big {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


.user-btn {
    width: 230px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #3293F4;
    border-radius: 40px;
    color: #ffffff;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
    animation: big 2s linear infinite;
}

.user-btn .introduce-anniversary {
    display: inline-block;
    width: 136px;
    height: 28px;
    line-height: 20px;
    background: url(../images/bq_anner.png) no-repeat center center;
    color: #8C4801;
    font-size: 12px;
    text-align: center;
    padding-left: 4px;
    box-sizing: border-box;
    position: absolute;
    top: -14px;
    left: 100px;
}

.user-btn:hover {
    background-color: #3280F4;
}

.user-btn:active {
    background-color: #40A8F8;
}

.user-line {
    width: 230px;
    border-bottom: 1px solid #F5F5F5;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 18px;
}

.user-name {
    display: inline-block;
    max-width: 116px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-id {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
}

.collColor {
    position: absolute;
    filter: alpha(opacity=100);
    right: 9px;
    z-index: 102;
    width: 30px;
    height: 30px;
    display: block;
    top: 9px;
    /*background: url(../images/css_sprites_07.png) -246px -152px;*/
    background: url(../images/css_sprites_24.png) -10px -10px;
}

.collColor:hover {
    /*background: url(../images/css_sprites_07.png) -182px -130px;*/
    background: url(../images/css_sprites_24.png) -58px -10px;
}


/*.excel-item .model-cover .collColor{*/


/*    top: 230px;*/


/*}*/

.wei-loader,
.zhi-loader {
    width: 170px;
    height: 174px;
    /*padding: 20px 22px 32px 22px;*/
    padding: 16px 17px 18px 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 2px;
}

.wei-loader img.wei-img,
.zhi-loader img.zhifubao-img {
    display: inline-block;
    width: 140px;
    height: 140px;
    /*margin-top: 47px;*/
    /*margin-left: 43px;*/
}


/*提示*/

.ppt-prompt {
    width: 519px;
    height: 201px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
    border-radius: 4px;
}

.ppt-prompt .pro-top {
    height: 61px;
    position: relative;
}

.ppt-prompt .ti-img {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-left: 192px;
    margin-top: 18px;
}

.ppt-prompt .ti-tit {
    display: inline-block;
    margin-left: 9px;
    margin-top: 21px;
    color: #373737;
    font-size: 24px;
    vertical-align: middle;
}

.ppt-prompt .ti-close {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/btn-guanbi-01.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 13px;
    right: 13px;
}

.ppt-prompt .ti-close:hover {
    background: url("../images/btn-guanbi-02.png") no-repeat center center;
    background-size: 100% 100%;
}

.ppt-prompt .pro-line {
    width: 456px;
    height: 1px;
    background-color: #D8D8D8;
    margin: 0 auto;
}

.ppt-prompt .pro-info {
    color: #656565;
    font-size: 16px;
    margin-top: 28px;
    text-align: center;
}

.ppt-prompt .pro-buy {
    color: #4175DD;
    font-size: 16px;
    margin-top: 28px;
    cursor: pointer;
}

.ppt-prompt .pro-cancel {
    display: inline-block;
    width: 171px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    text-align: center;
    color: #AAAAAA;
    border: 1px solid #AAAAAA;
    margin-left: 36px;
    margin-top: 30px;
    cursor: pointer;
}

.ppt-prompt .pro-cancel:hover {
    background-color: #E2ECFF;
}

.ppt-prompt .pro-cancel:active {
    background-color: #B7D0FF;
}

.ppt-prompt .pro-confirm {
    display: inline-block;
    width: 171px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    text-align: center;
    color: #fff;
    background-color: #4175DD;
    margin-left: 108px;
    margin-top: 30px;
    cursor: pointer;
}

.ppt-prompt .free-btn {
    display: inline-block;
    width: 171px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    text-align: center;
    color: #fff;
    background-color: #4175DD;
    margin-left: 108px;
    margin-top: 30px;
    cursor: pointer;
}

.ppt-prompt .can-confirm {
    display: inline-block;
    width: 171px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    text-align: center;
    color: #fff;
    background-color: #4175DD;
    margin-left: 108px;
    margin-top: 30px;
    cursor: pointer;
}

.ppt-prompt .pro-confirm:hover,
.ppt-prompt .free-btn:hover,
.ppt-prompt .can-confirm:hover {
    background-color: #5185ED;
}

.ppt-prompt .pro-confirm:active,
.ppt-prompt .free-btn:hover,
.ppt-prompt .can-confirm:active {
    background-color: #3E74E0;
}


/*登录*/

.ppt-ti {
    width: 341px;
    height: 201px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
    border-radius: 4px;
    /*display: none;*/
}

.ppt-ti .pro-top {
    height: 61px;
    position: relative;
}

.ppt-ti .ti-img {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-left: 107px;
    margin-top: 18px;
}

.ppt-ti .ti-tit {
    display: inline-block;
    margin-left: 9px;
    margin-top: 21px;
    color: #373737;
    font-size: 24px;
    vertical-align: middle;
}

.ppt-ti .ti-close {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/btn-guanbi-01.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 13px;
    right: 13px;
}

.ppt-ti .ti-close:hover {
    background: url("../images/btn-guanbi-02.png") no-repeat center center;
    background-size: 100% 100%;
}

.ppt-ti .pro-line {
    width: 284px;
    height: 1px;
    background-color: #D8D8D8;
    margin: 0 auto;
}

.ppt-ti .pro-info {
    color: #656565;
    font-size: 16px;
    margin-top: 28px;
    text-align: center;
}

.ppt-ti .pro-buy {
    color: #4175DD;
    font-size: 16px;
    margin-top: 28px;
    cursor: pointer;
}

.ppt-ti .pro-confirm {
    display: inline-block;
    width: 171px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    text-align: center;
    color: #fff;
    background-color: #4175DD;
    margin-left: 85px;
    margin-top: 30px;
    cursor: pointer;
}

.ppt-ti .pro-confirm:hover {
    background-color: #5185ED;
}

.ppt-ti .pro-confirm:active {
    background-color: #3E74E0;
}

.user-exit {
    text-align: right;
    font-size: 12px;
    color: #999999;
    cursor: pointer;
    line-height: 40px;
    position: absolute;
    right: 16px;
    top: 9px;
}

.user-exit:hover {
    color: #3293F4;
}

.user-exit:active {
    color: #40A8F8;
}

.user-heart {
    width: 58px;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #b1b0b0;
    cursor: pointer;
}

.user-heart:hover .user-txt {
    color: #3293F4;
}

.user-heart:active .user-txt {
    color: #40A8F8;
}

.user-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
}

.heart-l {
    margin-left: 30px;
}

.user-img {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
}

.user-img-01 {
    background: url('../images/css_sprites_01.png') -10px -64px;
}

.user-img-02 {
    background: url('../images/css_sprites_01.png') -10px -10px;
}

.user-img-03 {
    background: url('../images/css_sprites_01.png') -64px -10px;
}

.user-txt {
    margin-top: 5px;
    font-size: 12px;
}

.user-set {
    width: 100%;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 12px;
}

label.error {
    display: inline-block;
    color: red;
    font-size: 14px;
    margin-left: 20px;
}

label.mess-error,
label.find-error {
    color: red;
    margin-left: 20px;
    font-size: 12px;
    position: absolute;
    bottom: -28px;
    left: -15px;
}

label.in-error {
    display: none;
}

#in-error {
    font-size: 12px;
    position: absolute;
    bottom: -28px;
    left: 68px;
}

.pass-regi label.error {
    font-size: 12px;
    position: absolute;
    bottom: -28px;
    left: -15px;
}


/*兑换码*/

.ppt-code {
    width: 1200px;
    height: 341px;
    border-radius: 20px;
    background-color: #fff;
    margin: auto;
    margin-top: 140px;
    margin-bottom: 60px;
}

.code-abo {
    color: #666;
    font-size: 20px;
    text-align: center;
    margin-top: 53px;
}

.code-cox {
    width: 448px;
    height: 50px;
    border-radius: 52px;
    margin: 0 auto;
    margin-top: 55px;
    border: 1px solid #A0A0A0;
    position: relative;
}

.code-cont {
    width: 322px;
    line-height: 50px;
    padding-left: 52px;
    color: #A0A0A0;
    font-size: 18px;
    float: left;
}

.code-copy {
    width: 127px;
    height: 50px;
    background-color: #0D85FF;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: -1px;
    right: -1px;
    color: #fff;
    font-size: 16px;
    border-radius: 52px;
    cursor: pointer;
}

.code-status {
    color: #0D85FF;
    font-size: 13px;
    margin-top: 30px;
    text-align: center;
}

.span-sta {
    color: #0D85FF;
    font-size: 13px;
}

.code-btn {
    width: 171px;
    height: 42px;
    border-radius: 42px;
    margin: 0 auto;
    margin-top: 43px;
    line-height: 42px;
    background-color: #0D85FF;
    text-align: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}


/*vip升级*/

.vip-up {
    width: 341px;
    height: 323px;
    background-color: #fff;
    border-radius: 22px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1000;
    /*display: none;*/
}

.up-close {
    display: inline-block;
    width: 29px;
    height: 31px;
    position: absolute;
    right: -41px;
    top: 0px;
    cursor: pointer;
    background: url(../images/btn_clos_n.png);
    background-size: 100% 100%;
}

.up-img {
    display: block;
    width: 78px;
    height: 103px;
    margin: 0 auto;
    margin-top: 78px;
}

.up-success {
    font-size: 18px;
    color: #272727;
    text-align: center;
    margin-top: 10px;
}

.up-quan {
    width: 301px;
    height: 67px;
    margin: 0 auto;
    margin-top: 20px;
    background: url("../images/pic_dianji.png") no-repeat center center;
    background-size: 100% 100%;
}

.up-num {
    display: inline-block;
    font-size: 48px;
    color: #FFFEFE;
    font-weight: bold;
    margin-left: 16px;
    float: left;
}

.up-hui {
    display: inline-block;
    font-size: 16px;
    line-height: 68px;
    color: #fff;
    vertical-align: middle;
    float: left;
    margin-left: 4px;
}

.up-use {
    width: 101px;
    height: 34px;
    border-radius: 34px;
    background-color: #FFDB9D;
    text-align: center;
    line-height: 34px;
    color: #FC5C4D;
    font-size: 16px;
    float: right;
    margin-right: 7px;
    margin-top: 16.5px;
    cursor: pointer;
}

.up-use:hover {
    background-color: #FFECCA;
}


/*vip优惠弹框*/

.vip-up-c {
    width: 100%;
    height: 163px;
    padding: 12px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vip-pt {
    color: #333333;
    font-size: 14px;
    margin-bottom: 12px;
}

.vip-ch {
    width: 922px;
    height: 114px;
    border: 2px solid #25C569;
    margin: 0 auto;
    position: relative;
}

.vip-bv {
    display: inline-block;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 43px;
    left: 75px;
}

.vip-dor {
    color: #eb512b;
    font-size: 16px;
    margin-left: 20px;
    vertical-align: text-bottom;
    position: absolute;
    top: 46px;
    left: 183px;
}

.vip-pn {
    color: #eb512b;
    font-size: 32px;
    margin-top: -8px;
    position: absolute;
    top: 40px;
    left: 218px;
}

.vip-yu {
    color: #333;
    font-size: 16px;
    margin-left: 3px;
    position: absolute;
    top: 45px;
    left: 256px;
}

.vip-ori {
    color: #eb512b;
    font-size: 14px;
    margin-left: 20px;
    text-decoration: line-through;
    position: absolute;
    top: 46px;
    left: 273px;
}

.hui-img {
    display: inline-block;
    width: 193px;
    height: 61px;
    margin-left: 20px;
    background: url("../images/pic_banner_small.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 31px;
    left: 367px;
}

.hui-use {
    display: inline-block;
    line-height: 49px;
    color: #fff;
    font-size: 16px;
    margin-left: 9px;
    vertical-align: top;
}

.hui-num {
    display: inline-block;
    line-height: 50px;
    color: #fff;
    font-size: 28px;
    margin-left: 20px;
}

.hui-tm {
    display: inline-block;
    line-height: 49px;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
}

.hui-quan {
    color: #333;
    font-size: 12px;
    position: absolute;
    top: 49px;
    left: 618px;
}

.gou-img {
    width: 51px;
    height: 50px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.vip-pay .pay-type {
    width: 1200px;
    color: #333;
    font-size: 14px;
    margin: 0 auto;
    padding: 0 24px;
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pay-dor {
    text-align: center;
    padding-top: 0px !important;
    color: #333;
    font-size: 14px;
}

.pay-cs {
    margin-top: 10px;
    position: relative;
}


/*观看视频权限弹框*/

.ppt-radio {
    width: 341px;
    height: 323px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
    border-radius: 22px;
    /* display: none; */
}

.radio-img {
    display: block;
    width: 78px;
    height: 103px;
    margin: 0 auto;
    margin-top: 41px;
}

.radio-txt {
    font-size: 18px;
    color: #272727;
    text-align: center;
    margin-top: 19px;
}

.radio-btn {
    width: 236px;
    height: 57px;
    background-color: #0D85FF;
    border-radius: 57px;
    color: #fff;
    line-height: 57px;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 32px;
    cursor: pointer;
}

.radio-btn:hover {
    background-color: #248FFD;
}

.radio-btn:active {
    background-color: #1780EC;
}

.close-radio {
    display: inline-block;
    width: 29px;
    height: 31px;
    position: absolute;
    right: -41px;
    top: 0px;
    cursor: pointer;
    background: url(../images/btn_clos_n.png);
    background-size: 100% 100%;
}


/*下载限制弹框*/

.ppt-limit {
    width: 341px;
    height: 323px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
    border-radius: 22px;
    /* display: none; */
}

.close-limit {
    display: inline-block;
    width: 29px;
    height: 31px;
    position: absolute;
    right: -41px;
    top: 0px;
    cursor: pointer;
    background: url(../images/btn_clos_n.png);
    background-size: 100% 100%;
}

.limit-img {
    display: block;
    width: 78px;
    height: 103px;
    margin: 0 auto;
    margin-top: 41px;
}

.limit-txt {
    font-size: 18px;
    color: #272727;
    text-align: center;
    margin-top: 19px;
}

.limit-btn {
    width: 236px;
    height: 57px;
    background-color: #0D85FF;
    border-radius: 57px;
    color: #fff;
    line-height: 57px;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 32px;
    cursor: pointer;
}

.limit-btn:hover {
    background-color: #248FFD;
}

.limit-btn:active {
    background-color: #1780EC;
}


/*热门推荐*/

.ppt-hot {
    width: 1200px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 188px;
    z-index: 10;
    box-sizing: border-box;
}

.hot-tit {
    margin-left: 16px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #fff;
}

.hot-search {
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 400;
    color: #fff;
    margin-right: 15px;
}

.hot-tit2 {
    margin-left: 16px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #161F2D;
}

.hot-search2 {
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 400;
    color: #161F2D;
    margin-right: 15px;
}

.hot-search2:hover {
    color: #007AFF;
}

.hot-search:nth-child(2n+1) {
    /* color: #0462FD; */
}

.hot-search:hover {
    /* color: #0462FD; */
}

.ppt-index:hover {
    font-weight: 700 !important;
}


/*vip支付服务介绍*/

.vip-remark {
    width: 1200px;
    margin: 0 auto;
}

.vip-remark .title {
    color: #333;
    font-size: 14px;
    margin-top: 10px;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vip-remark .rem-d {
    text-align: left;
    margin-top: 13px;
    padding-left: 35px;
}

.vip-remark .rem-d .rem-i-01 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_quanzhan.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d-01 .rem-i-02 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_play1.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d-02 .rem-i-02 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_sp.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-i-03 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_yi.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-i-04 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_zhuanshu.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-i-05 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_moban.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-i-06 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/ico_moban1.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-i-07 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/icon_hbsc.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-i-08 {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/icon_hbsc_02.png") no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px;
}

.vip-remark .rem-d .rem-txt {
    display: inline-block;
    color: #7C7B7B;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 34px;
}

.vip-re-y {
    position: relative;
    top: 246px;
    width: 100%;
}

.vip-re-y .title {
    color: #333;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.rem-d-y {
    margin-top: 10px !important;
}

.vip-pay-y {
    height: 430px !important;
}

.rem-d-y .rem-txt {
    font-size: 12px !important;
}


/*office教程*/

.pt-source {
    position: relative;
    top: 37px !important;
}


/*其它路由信息*/

.about-other {
    font-size: 12px;
    color: #5f5f5f;
    line-height: 24px;
    text-align: center;
}

.other-phone {
    font-size: 12px;
    color: #5f5f5f;
    line-height: 24px;
    text-align: center;
    margin-left: 10px;
}


/*修改密码*/

.re-success {
    width: 340px;
    height: 325px;
    border-radius: 30px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
}

.re-img {
    display: block;
    width: 78px;
    height: 103px;
    margin: 0 auto;
    margin-top: 55px;
}

.re-txt {
    color: #272727;
    font-size: 18px;
    margin-top: 34px;
    text-align: center;
}

.re-time {
    color: #272727;
    font-size: 18px;
    margin-top: 17px;
    text-align: center;
}


/*非会员下载提示开通会员*/

.per-hui {
    width: 280px;
    height: 201px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: auto;
    background: #fff;
    border-radius: 4px;
}

.per-hui .pro-top {
    height: 61px;
    position: relative;
}

.per-hui .ti-img {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-left: 83px;
    margin-top: 18px;
}

.per-hui .ti-tit {
    display: inline-block;
    margin-left: 9px;
    margin-top: 21px;
    color: #373737;
    font-size: 17px;
    vertical-align: middle;
}

.per-hui .ti-close {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/btn-guanbi-01.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 13px;
    right: 13px;
}

.per-hui .ti-close:hover {
    background: url("../images/btn-guanbi-02.png") no-repeat center center;
    background-size: 100% 100%;
}

.per-hui .pro-line {
    width: 260px;
    height: 1px;
    background-color: #D8D8D8;
    margin: 0 auto;
}

.per-hui .pro-info {
    color: #656565;
    font-size: 16px;
    margin-top: 28px;
    text-align: center;
}

.per-hui .pro-buy {
    width: 171px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    text-align: center;
    color: #fff;
    background-color: #4175DD;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
}

.icon-cs {
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid #919191;
    border-radius: 5px;
    margin-right: 4px;
    vertical-align: middle;
}

.tab-it:hover .icon-cs {
    border: 1px solid #2C73EB;
}


/*栏目标题*/

.logo-line {
    display: inline-block;
    width: 1px;
    height: 36px;
    background: #B9B9B9;
    margin-top: 16px;
    float: left;
}

.logo-txt {
    display: inline-block;
    font-size: 16px;
    color: rgba(66, 66, 66, 1);
    height: 64px;
    line-height: 64px;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 11px;
    float: left;
}


/*添加企业logo*/

.company-logo {
    display: inline-block;
    height: 22px;
    width: 69px;
}

.about-copyright {
    display: block;
    width: 62px;
    height: 74px;
    margin: 0 auto;
    margin-top: 10px;
    background: url("../images/ppt-copyright.png") no-repeat center center;
}


/*搜索暂无内容*/

.no-content {
    height: 600px;
    padding-top: 138px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-content .no-img {
    display: block;
    width: 279px;
    height: 205px;
    margin-left: 456px;
}

.no-content .no-msg {
    margin-top: 14px;
    color: #444;
    font-size: 14px;
    text-align: center;
    /*padding-right: 46px;*/
}

.no-content .no-msg span {
    color: #444;
}

.no-content .callback {
    display: block;
    width: 80px;
    line-height: 26px;
    border-radius: 26px;
    text-align: center;
    border: 1px solid #0D7CED;
    color: #0D7CED;
    margin: 0 auto;
    margin-top: 19px;
    cursor: pointer;
}

.no-content .callback:hover {
    background-color: #3293F4;
    color: #fff;
}

.no-content .callback:active {
    background-color: #40A8FF;
    color: #fff;
}


/*vip收银台弹框*/

.cashier_box {
    position: fixed;
    top: 140px;
    left: 50%;
    margin-left: -265px;
    z-index: 1000;
    width: 790px;
    height: 660px;
    background: #fff;
    padding-left: 84px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.cashier_box .title,
.cashier_box .user_info {
    color: #333333;
    font-size: 16px;
    margin-top: 50px;
    font-weight: bold;
}

.cashier_box .vip_type {
    margin-top: 30px;
}

.cashier_box .item {
    display: inline-block;
    width: 285px;
    height: 141px;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    margin-right: 70px;
    cursor: pointer;
    position: relative;
    padding-top: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.cashier_box .item:last-child {
    margin-right: 0px;
}

.vip_recommended {
    width: 47px;
    height: 26px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/pic_tuijian.png) no-repeat right bottom;
    background-size: 100% 100%;
}

.pay_arrow {
    width: 86px;
    height: 74px;
    background: url(../images/pic_jiantou.png) no-repeat center center;
    position: absolute;
    left: 34px;
    top: 115px;
}

.pay_select {
    width: 200px;
    color: #333333;
    font-size: 16px;
    position: absolute;
    left: 86px;
    top: 55px;
}

.pay_select span {
    color: #FF7800;
}

.cashier_box .vip_title {
    width: 100%;
    text-align: center;
    color: #2B2B2B;
    font-size: 16px;
    position: absolute;
    top: 14px;
}

.cashier_box .vip_info {
    text-align: center;
    margin-top: 8px;
}

.cashier_box .vip_num {
    text-align: center;
    vertical-align: text-bottom;
}

.cashier_box .p_i,
.cashier_box .p_m {
    font-size: 16px;
    color: #FF7800;
}

.cashier_box .yuan_jia {
    color: #666666;
    font-size: 14px;
    text-decoration: line-through;
}

.cashier_box .p_n {
    font-size: 16px;
    color: #2B2B2B;
}

.cashier_box .yuan_dor {
    color: #FF7800;
    font-size: 14px;
}

.cashier_box .vip_line {
    display: block;
    width: 170px;
    height: 1px;
    background-color: #C8C8C8;
    margin-top: 14px;
    margin-left: 58px;
}

.cashier_box .vip_copyright {
    width: 100%;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 18px;
    color: #323232;
    font-size: 16px;
    vertical-align: middle;
}

.cashier_info {
    position: absolute;
    left: -260px;
    top: 0;
    width: 260px;
    height: 660px;
    background: url(../images/cashier_beijing.png);
}

.vip_select {
    border: 1px solid #FF7800;
    background: url(../images/btn_xuanz.png) no-repeat right bottom;
    background-size: 39px 39px;
    box-shadow: 0px 5px 13px 0px rgba(255, 120, 0, 0.48);
}

.cashier_box .pay_type {
    clear: both;
    color: #333333;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 265px;
    font-weight: bold;
}

.cashier_box .pay_pay {
    width: 100%;
    height: 246px;
    background-color: #fff;
}

.cashier_box .wei-box {
    width: 170px;
    height: 234px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 93px;
}

.cashier_box .zhifubao-box {
    width: 170px;
    height: 234px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 370px;
}

.cashier_box .wei-info {
    width: 100%;
    height: 44px;
    margin-top: -1px;
    background-color: #fff;
    border-radius: 2px;
}

.cashier_box .zhifubao-info {
    display: inline-block;
    width: 100%;
    height: 44px;
    margin-top: -1px;
    background-color: #fff;
    cursor: pointer;
}

.cashier_box .wei-info-img,
.cashier_box .zhifubao-info-img {
    width: 30px;
    height: 30px;
    margin-left: 27px;
    vertical-align: middle;
}

.cashier_box .wei-txt,
.cashier_box .zhifubao-txt {
    color: #333333;
    line-height: 44px;
    margin-left: 8px;
    font-size: 14px;
}

.cashier_info .title {
    margin-top: 54px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
}

.cashier_info .vip_icon {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    margin-top: 32px;
    background-color: #fff;
    border-radius: 50%;
}

.vip_icon img {
    width: 26px;
    height: 26px;
    margin: 9px 0 0 9px;
}

.cashier_info .vip_loader {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 11px;
}

.cashier_info .line {
    width: 240px;
    border-bottom: 1px dashed #FFD6B1;
    margin: 0 auto;
    margin-top: 40px;
}

.cashier_info ul {
    display: block;
    margin-top: 32px;
}

.cashier_info ul li {
    height: 50px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    line-height: 42px;
}

.cashier_info ul li i {
    display: inline-block;
    width: 78px;
    height: 40px;
    background: url(../images/icon_tubiaos.png) 37px 14px no-repeat;
    vertical-align: -10px;
}

.cashier_info ul li i.icon2 {
    background: url(../images/icon_tubiaos.png) 37px -33px no-repeat;
}

.cashier_info ul li i.icon3 {
    background: url(../images/icon_tubiaos.png) 37px -81px no-repeat;
}

.cashier_info ul li i.icon4 {
    background: url(../images/icon_tubiaos.png) 37px -128px no-repeat;
}

.cashier_info ul li i.icon5 {
    background: url(../images/icon_tubiaos.png) 37px -177px no-repeat;
}

.cashier_close {
    display: inline-block;
    width: 29px;
    height: 29px;
    position: absolute;
    right: -35px;
    top: 0px;
    cursor: pointer;
    background: url(../images/btn_clos_n.png) no-repeat center center;
    background-size: 100% 100%;
}

.cashier_close:hover {
    background: url(../images/btn_clos_h.png) no-repeat center center;
    background-size: 100% 100%;
}


/*原创模板*/


/*.icon-own{*/


/*    display: inline-block;*/


/*    width: 22px;*/


/*    height: 22px;*/


/*    background: url('../images/css_sprites_07.png') -253px -216px;*/


/*    vertical-align: middle;*/


/*    margin-top: -3px;*/


/*    margin-right: 5px;*/


/*    z-index: 102;*/


/*}*/

.icon-own {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('../images/icon_bq@2x.png') no-repeat center center;
    z-index: 102;
    position: absolute;
    filter: alpha(opacity=100);
    right: 44px;
    top: 9px;
}


/*周年庆活动*/

.anniversary {
    width: 100%;
    height: 100px;
    background-color: #CC0A24;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9998;
    cursor: pointer;
    display: none;
}

.anniversary .anniversary-box {
    display: block;
    width: 1200px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.anniversary .anniversary-close {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../images/css_sprites_11.png) -174px -72px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 613px;
}

.anniversary .anniversary-close:hover {
    background: url(../images/css_sprites_11.png) -220px -72px;
}

.anniversary .anniversary-close:active {
    background: url(../images/css_sprites_11.png) -266px -72px;
}

.anniversary .anniversary-img {
    display: inline-block;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -600px;
}

.anniversary .pay-btn {
    display: inline-block;
    width: 144px;
    height: 42px;
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: 306px;
    background: url(../images/css_sprites_11.png) -10px -10px;
}

.anniversary .pay-btn:hover {
    background: url(../images/css_sprites_11.png) -10px -72px;
}

.anniversary .pay-btn:active {
    background: url(../images/css_sprites_11.png) -174px -10px;
}

.anniversary .pay-btn {
    display: inline-block;
    width: 144px;
    height: 42px;
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: 306px;
    background: url(../images/css_sprites_11.png) -10px -10px;
}


/*ppt图表*/

.chart-item {
    width: 280px;
    height: 204px;
    float: left;
    position: relative;
    margin-right: 18px;
    background-color: #fff;
    /* border: 1px solid #dcdcdc; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 2px #f5f5f5;
}

.chart-img {
    width: 100%;
    height: 163px;
    overflow: hidden;
    position: relative;
}

.chart-img-con {
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.chart-item .model-cover {
    height: 160px;
}

.chart-item:hover .model-cover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.chart-item .model-cover .once-down {
    position: absolute;
    top: 104px;
}

.chart-item .coll-img {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 18px;
    top: 17px;
}


/*首页b*/

.index-a {
    width: 100%;
    height: 558px;
    background: url("../images/img_bj_02.png") no-repeat center center;
    position: relative;
    /*background-color: #d00105;*/
}

.index-logo-a {
    width: 100px;
    height: 35px;
    background: url("../images/logo_index2.png") no-repeat center center;
    position: absolute;
    left: 48px;
    top: 13px;
    cursor: pointer;
    z-index: 22;
}

.index-tab-a {
    width: 100%;
    height: 58px;
    border-top: 1px solid #E5E5E5;
    text-align: center;
    z-index: 996;
}

.index-tab-a li.header-li {
    display: inline-block;
    line-height: 58px;
    position: relative;
    cursor: pointer;
    z-index: 23;
}

.index-tab-a li.header-li .tab {
    color: #FFFFFF;
    font-size: 14px;
    margin-right: 60px;
}

.index-tab-a li.header-li:last-child .tab {
    margin-right: 0px;
}

.index-tab-a li.header-li:hover .tab {
    color: #5091F6;
}

.index-a .index-tab-a li.header-li:hover .tab {
    color: #ffe0e0;
}

.index-b .index-tab-a li.header-li:hover .tab {
    color: #5091F6;
}

.index-tab-a li.header-li .tab-box {
    width: 230px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 23;
}

.index-tab-a li.header-li:hover .tab-box {
    display: block;
}

.index-tab-a .tab-u {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index-tab-a .tab-u .tab-l {
    width: 100px !important;
    height: 30px;
    margin-right: 10px;
    float: left;
}

.index-tab-a .tab-u .tab-l:nth-child(2n) {
    margin-right: 0px;
}

.index-tab-a .tab-it {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index-tab-a .tab-it:hover {
    background-color: #5091F6;
    color: #ffffff;
}

.index-tab-a .tab-square-1 {
    position: absolute;
    top: 52px;
    left: -89px;
}

.index-tab-a .tab-square-2 {
    position: absolute;
    top: 52px;
    left: -89px;
}

.index-tab-a .tab-square-4 {
    position: absolute;
    top: 52px;
    left: -81px;
}

.index-tab-a .tab-square-5 {
    position: absolute;
    top: 52px;
    left: -81px;
}

.index-tab-a .tab-square-6 {
    position: absolute;
    top: 52px;
    left: -81px;
}

.index-tab-a .tab-square-7 {
    position: absolute;
    top: 52px;
    left: -81px;
}

.index-a .vip {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: url("../images/css_sprites_07.png") -10px -10px;
    margin-right: 19px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: absolute;
    top: 13px;
    right: 144px;
    z-index: 22;
}

.index-a .register {
    color: #FFFFFF;
    font-size: 14px;
    position: absolute;
    top: 24px;
    right: 49px;
    cursor: pointer;
    z-index: 22;
}

.index-a .distance {
    color: #ffffff;
    position: absolute;
    font-size: 14px;
    top: 24px;
    right: 84px;
    z-index: 22;
}

.index-a .login {
    color: #FFFFFF;
    font-size: 14px;
    position: absolute;
    top: 24px;
    right: 100px;
    cursor: pointer;
    z-index: 22;
}

.index-a .register:hover,
.index-a .login:hover {
    border: none;
    background-color: transparent;
    color: #ffe0e0;
}

.index-a .register:active,
.index-a .login:active {
    border: none;
    background-color: transparent;
    color: #ffe0e0;
}

.index-a .ppt-user {
    width: 42px;
    height: 42px;
    background-color: #fff;
    float: right;
    margin-right: 16px;
    border-radius: 100%;
    position: absolute;
    top: 0px;
    right: 92px;
    z-index: 23;
    display: none;
}

.index-a .fireworks-left {
    width: 414px;
    height: 470px;
    background: url("../images/dent_left.png") no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
}

.index-a .fireworks-right {
    width: 433px;
    height: 470px;
    background: url("../images/dent_right.png") no-repeat center center;
    position: absolute;
    top: 0px;
    right: 0px;
}

.index-a .logo-2nd {
    width: 224px;
    height: 113px;
    background: url("../images/zhounian_2.gif");
    position: absolute;
    top: -48px;
    left: -268px;
    cursor: pointer;
}

.index-a .header-search {
    width: 738px;
    height: 54px;
    position: absolute;
    top: 128px;
    left: 50%;
    margin-left: -369px;
    background-color: #fff;
    border: 1px solid #3291f5;
    z-index: 22;
    border-radius: 4px;
}

.index-b .header-search {
    border: 1px solid #4e7fff;
}

.index-a .index-search {
    position: absolute;
    top: -36px;
    left: 20px;
}

.index-a .index-search .search-a {
    display: inline-block;
    margin-right: 42px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}

.index-a .search-box {
    width: 600px;
    height: 52px;
    float: left;
}

.index-a .search-delta {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #ffffff;
    position: absolute;
    top: -7px;
    left: 44px;
}

.index-a .search-text {
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding-left: 20px;
    filter: alpha(opacity=90);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #797979;
    background-color: #fff;
    border: none;
    outline: none;
}

.index-a .sear-b {
    width: 100px;
    height: 54px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #FF7F00;
    cursor: pointer;
    float: right;
    margin-top: -1px;
    margin-right: -1px;
}

.index-a .sear-b:hover {
    background-color: #FF960E;
}

.index-a .sear-b:active {
    background-color: #FF7200;
}

.index-a .search-submit {
    width: 100px;
    height: 54px;
    margin-right: 2px;
    float: left;
    position: relative;
}

.index-a .search-img {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/css_sprites_07.png) -246px -96px;
    position: absolute;
    left: 32px;
    top: 9px;
}

.index-a .search-box-ul {
    position: absolute;
    width: 638px;
    background: #fff;
    box-shadow: 0px 2px 9px 0 rgba(214, 214, 211, 0.76);
    top: 53.4px;
    left: 50%;
    margin-left: -369px;
    display: none;
}

.index-a .drop-sear {
    width: 638px;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 53.4px;
    right: 99px;
    overflow: hidden;
    box-shadow: 0px 2px 9px 0 rgba(214, 214, 211, 0.76);
    display: none;
}

.index-a .ppt-hot {
    width: 1200px;
    text-align: center;
    position: absolute;
    top: 192px;
    left: 50%;
    margin-left: -600px;
    padding-right: 29px;
    box-sizing: border-box;
    z-index: 21;
}

.index-a .hot-tit {
    font-size: 14px;
    margin-left: 16px;
    color: #ffffff;
}

.index-a .hot-search {
    font-size: 14px;
    color: #ffffff;
    margin-right: 15px;
}

.index-a .hot-search:nth-child(2n+1) {
    color: #ffffff;
}

.index-a .tab-img-list {
    display: block;
    width: 1200px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 262px;
    margin-left: -600px;
    z-index: 10;
    cursor: pointer;
}

.classify-top {
    line-height: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.classify-top .title {
    float: left;
    font-size: 22px;
    color: #1A1A1A;
    font-weight: bold;
    line-height: 37px;
}

.classify-top .title .title-detail {
    font-size: 14px;
    color: #999999;
}

.classify-top .crumbs {
    padding-right: 8px;
    float: right;
}

.classify-top .a1-span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    color: #35393e;
    font-size: 14px;
    /* background-color: #f0f0f0; */
    margin-top: 6px;
    margin-left: 10px;
}

.classify-top .a1-span:not(:last-child) {
    background-color: #f0f0f0;
    border-radius: 30px;
}

.classify-top .a1-span:not(:last-child):hover {
    background-color: #0462FD;
    color: #fff;
}

.classify-top .a1-span:not(:last-child):active {
    background-color: #0455D9;
    color: #fff;
}

.classify-top .a1-span:nth-last-child(1) {
    padding-left: 10px;
}

.classify-top .a1-span:hover {
    /* background-color: #5A94F9; */
    color: #0462FD;
}

.classify-top .a1-span:active {
    /* background-color: #3D6FF1; */
    color: #0455D9;
}

.index-a1 {
    width: 100%;
    height: 290px;
    position: relative;
    background-color: #ffffff;
}

.index-a1 .special-item {
    display: inline-block;
    width: 285px;
    height: 170px;
    background-color: #fff;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 25px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.index-a1 .special-item:last-child {
    margin-right: 0px;
}

.index-a1 .item-bgColor0 {
    background: url(../images/css_sprites_08.png) -10px -10px;
}

.index-a1 .item-bgColor1 {
    background: url(../images/css_sprites_08.png) -315px -10px;
}

.index-a1 .item-bgColor2 {
    background: url(../images/css_sprites_08.png) -315px -200px;
}

.index-a1 .item-bgColor3 {
    background: url(../images/css_sprites_08.png) -10px -200px;
}

.index-a1 .special-na {
    font-size: 20px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    padding-left: 16px;
    box-sizing: border-box;
    z-index: 22;
}

.index-a1 .special-img-box {
    padding-top: 10px;
}

.index-a1 .special-line {
    display: block;
    width: 30px;
    height: 4px;
    background-color: #ffffff;
    margin: 9px 0 0 16px;
    z-index: 22;
}

.index-a1 .special-type {
    display: block;
    font-size: 14px;
    color: #ffffff;
    margin: 9px 0 0 16px;
    z-index: 22;
}

.index-a1 .classify-content {
    width: 1200px;
    height: 100%;
    padding: 0 0px;
    padding-top: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.ppt-a1 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #ffffff;
}

.ppt-a1 .model-item {
    height: 476px;
    border: 1px solid #ffffff;
}

.ppt-a1 .model-txt {
    width: 100%;
    height: 40px;
    padding: 8px 16px 0px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.ppt-a1 .pro-img {
    width: 100%;
    height: 433px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.ppt-a1 .model-img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.ppt-a1 .chart-img {
    width: 100%;
    height: 163px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.office-item {
    width: 282px;
    height: 160px;
    float: left;
    margin-right: 18px;
    border: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
}

.office-item:nth-child(4n) {
    margin-right: 0px;
}

.office-link {
    display: block;
    width: 100%;
    height: 160px;
    overflow: hidden;
    position: relative;
}

.ppt-a1 .alllife {
    display: inline-block;
    width: 103px;
    height: 24px;
    background: url(../images/css_sprites_07.png) -130px -216px;
    vertical-align: middle;
    margin-top: -2px;
}

.ppt-a1 .chart-item {
    height: 206px;
    border: 1px solid #ffffff;
}

.index-a .scroll-top {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    display: none;
}

.index-a .scroll-logo-a {
    width: 100px;
    height: 35px;
    background: url(../images/logo_a2.png) no-repeat center center;
    position: absolute;
    left: 48px;
    top: 22px;
    cursor: pointer;
    z-index: 22;
}

.index-a .all-types-select {
    display: inline-block;
    margin-left: 128px;
    cursor: pointer;
    position: relative;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
    color: #666666;
}

.index-a .all-types-select:hover {
    color: #5091F6;
}

.index-a .types-chose {
    width: 230px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 23;
    overflow: hidden;
    position: absolute;
    top: 25px;
    left: -80px;
    display: none;
}

.index-a .all-types-select:hover .types-chose {
    display: block;
}

.index-a .mas-delta {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999999;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -1px;
    transition: all 1s;
}

.index-a .all-types-select:hover .mas-delta {
    transform: rotate(180deg);
    border-top: 6px solid #5091F6;
}

.index-a .types-chose li {
    width: 100px !important;
    height: 30px;
    margin-right: 10px;
    float: left;
}

.index-a .types-chose li a {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index-a .types-chose li:nth-child(2n) {
    margin-right: 0px;
}

.index-a .types-chose li a:hover {
    background-color: #5091F6;
    color: #ffffff;
}

.index-a .types-chose li a:hover {
    background-color: #306ED9;
    color: #ffffff;
}

.index-a .scroll-top .header-search {
    width: 640px;
    height: 46px;
    position: absolute;
    top: 17px !important;
    left: 50%;
    margin-left: -320px;
    background-color: #fff;
    border: 1px solid #3291f5;
    z-index: 22;
    border-radius: 4px;
}

.index-a .scroll-top .search-box {
    width: 400px;
    height: 44px;
    float: left;
}

.index-a .scroll-top .search-text {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    filter: alpha(opacity=90);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #797979;
    background-color: #fff;
    border: none;
    outline: none;
}

.index-a .scroll-top .sear-b {
    width: 100px;
    height: 46px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #3E7BE5;
    cursor: pointer;
    float: right;
    margin-top: -1px;
    margin-right: -1px;
}

.index-a .scroll-top .sear-b:hover {
    background-color: #5A94F9;
}

.index-a .scroll-top .sear-b:active {
    background-color: #306ED9;
}

.index-a .scroll-top .search-submit {
    width: 100px;
    height: 46px;
    margin-right: 2px;
    float: left;
    position: relative;
}

.index-a .scroll-top .search-img {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/css_sprites_07.png) -246px -96px;
    position: absolute;
    left: 32px;
    top: 7px;
}

.index-a .search-type {
    width: 120px;
    height: 44px;
    background-color: #FAFAFA;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    line-height: 44px;
    color: #797979;
    cursor: pointer;
    font-size: 14px;
}

.index-a .scroll-top .vip {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: url(../images/css_sprites_07.png) -10px -70px;
    margin-right: 19px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    right: 144px;
    z-index: 22;
}

.index-a .scroll-top .register {
    width: 40px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    margin-right: 0;
    margin-top: 0;
    float: right;
    overflow: hidden;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 28px;
    right: 49px;
    cursor: pointer;
    z-index: 22;
}

.index-a .scroll-top .login {
    width: auto;
    height: auto;
    line-height: 24px;
    text-align: center;
    margin-right: 0;
    margin-top: 0;
    float: right;
    overflow: hidden;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
    background-color: #ffffff;
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 28px;
    right: 100px;
    cursor: pointer;
    z-index: 22;
}

.index-a .scroll-top .register:hover,
.index-a .scroll-top .login:hover {
    color: #3E7BE5;
    background-color: transparent;
}

.index-a .scroll-top .register:active,
.index-a .scroll-top .login:active {
    color: #306ED9;
    background-color: transparent;
}

.index-a .scroll-top .distance {
    color: #666666;
    position: absolute;
    font-size: 14px;
    top: 30px;
    right: 88px;
    z-index: 22;
}

.index-a .scroll-top .ppt-user {
    width: 42px;
    height: 42px;
    background-color: #fff;
    float: right;
    margin-right: 16px;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    right: 92px;
    display: none;
}

.index-a .scroll-top .search-box-ul {
    position: absolute;
    width: 422px;
    background: #fff;
    box-shadow: 0px 2px 9px 0 rgba(214, 214, 211, 0.76);
    top: 45.4px;
    left: 50%;
    margin-left: -201px;
    display: none;
}

.index-a .scroll-top .drop-sear {
    width: 421px;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 46.4px;
    right: 99px;
    overflow: hidden;
    box-shadow: 0px 2px 9px 0 rgba(214, 214, 211, 0.76);
    display: none;
}

.index-b {
    width: 100%;
    height: 700px;
    background: url(../images/img_bj_01.png) no-repeat center center;
    position: relative;
}

.index-b .index-logo-a {
    width: 100px;
    height: 35px;
    background: url(../images/logo_a2.png) no-repeat center center;
    position: absolute;
    left: 48px;
    top: 13px;
    cursor: pointer;
    z-index: 22;
}

.index-b .index-tab-a li.header-li .tab {
    color: #333333;
    font-size: 14px;
    margin-right: 60px;
}

.index-b .vip {
    display: inline-block;
    width: 130px;
    height: 40px;
    background: url(../images/css_sprites_07.png) -10px -70px;
    margin-right: 19px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: absolute;
    top: 13px;
    right: 144px;
    z-index: 22;
}

.index-b .login {
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 24px;
    right: 100px;
    cursor: pointer;
    z-index: 22;
}

.index-b .login:hover,
.index-b .register:hover {
    color: #3E7BE5;
}

.index-b .login:active,
.index-b .register:active {
    color: #306ED9;
}

.index-b .distance {
    color: #666666;
    position: absolute;
    font-size: 14px;
    top: 24px;
    right: 84px;
    z-index: 22;
}

.index-b .register {
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 24px;
    right: 49px;
    cursor: pointer;
    z-index: 22;
}

.index-b .index-search .search-a {
    display: inline-block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    margin-right: 18px;
    color: #666666;
    font-size: 14px;
    cursor: pointer;
}

.index-b .hot-tit {
    font-size: 14px;
    margin-left: 16px;
    color: #262626;
}

.index-b .hot-search {
    font-size: 14px;
    color: #262626 !important;
    margin-right: 15px;
}

.index-b .hot-search:nth-child(2n) {
    color: #3E7BE5 !important;
}

.index-b+.index-a1 {
    width: 100%;
    height: 290px;
    position: relative;
    background-color: transparent;
    margin-top: -162px;
}

.index-b .index-search .search-active {
    width: 90px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    color: #3E7BE5;
    font-size: 14px;
    position: relative;
    background: url("../images/di_active.png") no-repeat center center;
}

.index-b .index-search {
    position: absolute;
    top: -45px;
    left: 0px;
}

:root .index-b .tab-change {
    height: 6px;
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left: -45px;
    z-index: 102;
    overflow: hidden;
}

.footer-collect {
    height: 50px;
    line-height: 50px;
    background-color: #3C3F4B;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 12px;
    box-sizing: border-box;
}

.footer-collect .rect {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #4E7FFF;
    color: #ffffff;
    vertical-align: middle;
    border-radius: 4px;
    margin: 0 10px;
}

.index-a .i-more-a {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/css_sprites_09.png) -42px -10px;
    vertical-align: middle;
    margin-left: 3px;
}

.index-b .i-more-a {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/css_sprites_07.png) -160px -96px;
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -2px;
}

.index-b .index-tab-a li.header-li .tab:hover {
    color: #3E7BE5;
}

.index-b .index-tab-a li.header-li .tab:active {
    color: #306ED9;
}

.index-a .tab-more:hover .i-more-a {
    background: url(../images/css_sprites_09.png) -10px -10px;
}

.index-a .tab-more:active .i-more-a {
    background: url(../images/css_sprites_09.png) -10px -10px;
}

.index-b .header-li:hover .tab-more .i-more-a {
    background: url(../images/css_sprites_07.png) -192px -96px;
}

.index-b .tab-more:active .i-more-a {
    background: url(../images/css_sprites_07.png) -182px -180px;
}

.index-a .tab-img-box {
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    transition: all 0.5s;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 4px;
}

.index-a .tab-img {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 4px;
}

.index-a .tab-img-active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.index-b .sear-b {
    width: 100px;
    height: 54px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #3E7BE5;
    cursor: pointer;
    float: right;
    margin-top: -1px;
    margin-right: -1px;
}

.index-b .sear-b:hover {
    background-color: #5A94F9;
}

.index-b .sear-b:active {
    background-color: #306ED9;
}

.index-a .tab-change {
    height: 6px;
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: -45px;
    z-index: 102;
    overflow: hidden;
}

.index-b .tab-change {
    height: 6px;
    position: absolute;
    bottom: 143px;
    left: 50%;
    margin-left: -45px;
    z-index: 102;
    overflow: hidden;
}

.index-a .u-detail {
    position: absolute;
    top: 52px;
    left: -200px;
}

.index-a .u-detail .delta {
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #ffffff;
    position: absolute;
    top: -24px;
    left: 209px;
}

.index-a .p-btn {
    position: absolute;
    top: 122px;
    z-index: 112;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    opacity: 0;
    text-indent: -50px;
    display: block;
}

.index-a .icon-i-mian {
    display: inline-block;
    width: 32px;
    height: 18px;
    background: url(../images/icon_mianfei_2.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 8px;
    right: 30px;
    animation: myfirst 0.8s infinite;
}

.index-b .icon-i-mian {
    display: inline-block;
    width: 32px;
    height: 18px;
    background: url(../images/icon_mianfei.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 8px;
    right: 30px;
    animation: myfirst 0.8s infinite;
}

.index-a .index-tab-a {
    width: 100%;
    height: 58px;
    border-top: none;
    text-align: center;
    z-index: 996;
}


/*分享弹框*/

.module-share-container {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    /*display: none;*/
}

.share-box {
    width: 460px;
    height: 540px;
    background-color: #ffffff;
    background: url('../images/css_sprites_17.png') -10px -10px;
    position: absolute;
    top: 12%;
    left: 50%;
    margin-left: -230px;
}

.share-prize {
    width: 255px;
    height: 51px;
    margin: 0 auto;
    margin-top: 50px;
    background: url('../images/css_sprites_17.png') -490px -280px;
}

.share-href {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}

.share-href .share-once {
    font-size: 18px;
    color: #FFFB9F;
}

.share-module {
    width: 292px;
    height: 211px;
    margin: 0 auto;
    margin-top: 30px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    padding: 6px;
    box-sizing: border-box;
}

.share-module .pro-img {
    width: 100%;
    height: 158px;
    overflow: hidden;
    position: relative;
}

.share-href-btn {
    width: 293px;
    height: 70px;
    margin: 0 auto;
    margin-top: 30px;
    background: url("../images/css_sprites_17.png") -490px -9px;
    text-align: center;
    color: #EE0000;
    font-size: 18px;
    line-height: 56px;
    cursor: pointer;
}

.share-href-btn:hover {
    background: url("../images/css_sprites_17.png") -490px -99px;
}

.share-href-btn:active {
    background: url("../images/css_sprites_17.png") -490px -189px;
}

.i-share-close {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/css_sprites_17.png") -490px -351px;
    position: absolute;
    right: -35px;
    top: 0px;
    cursor: pointer;
}

.i-share-close:hover {
    background: url("../images/css_sprites_17.png") -540px -351px;
}

.i-share-close:active {
    background: url("../images/css_sprites_17.png") -590px -351px;
}

.share-cont {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -10;
}


/*vip限时优惠9元*/

.favourable-container {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.favourable-box {
    width: 560px;
    height: 480px;
    position: absolute;
    top: 12%;
    left: 50%;
    margin-left: -280px;
}

.i-close-favourable {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/css_sprites_18.png") -740px -103px;
    position: absolute;
    right: 23px;
    top: 0px;
    cursor: pointer;
    z-index: 22;
}

.i-close-favourable:hover {
    background: url("../images/css_sprites_18.png") -640px -103px;
}

.i-close-favourable:active {
    background: url("../images/css_sprites_18.png") -690px -103px;
}

.favourable-box .favourable-detail {
    width: 560px;
    height: 402px;
    background: url('../images/css_sprites_18.png') -10px -10px;
    position: relative;
    cursor: pointer;
}

.favourable-box .favourable-btn {
    width: 264px;
    height: 73px;
    margin: 0 auto;
    background: url('../images/css_sprites_18.png') -10px -432px;
    position: relative;
    cursor: pointer;
}

.favourable-box .favourable-btn:hover {
    background: url('../images/css_sprites_18.png') -294px -432px;
}

.favourable-box .favourable-btn:active {
    background: url('../images/css_sprites_18.png') -590px -10px;
}

.favourable-box .favourable-time {
    padding-top: 96px;
    padding-left: 219px;
}

.favourable-box .favourable-time span {
    font-size: 32px;
    color: #551200;
    letter-spacing: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.favourable-box .favourable-time span.millisecond {
    display: inline-block;
    width: 60px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -19px;
}

.favourable-left {
    width: 152px;
    height: 130px;
    background: url('../images/css_sprites_19.png') -10px -10px;
    position: fixed;
    left: 10px;
    bottom: 30px;
    cursor: pointer;
    z-index: 999;
    display: none;
}

.favourable-left .limit-time {
    display: inline-block;
    position: absolute;
    top: 94px;
    left: 15px;
}

.favourable-left .limit-time span {
    font-size: 20px;
    color: #551200;
    font-weight: 500;
    vertical-align: middle;
}

.favourable-left .limit-time span.limit-millisecond {
    display: inline-block;
    width: 24px;
    overflow: hidden;
    vertical-align: middle;
}

.favourable-left .limit-time i {
    display: inline-block;
    color: #551200;
    vertical-align: middle;
    margin: 0 0px;
    font-style: normal;
}

.favourable-left .rob-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('../images/btn_x@2x.png') center center;
    position: absolute;
    left: 104px;
    bottom: 0px;
    animation: robVip 1s infinite;
}

@keyframes robVip {
    50% {
        height: 48px;
        background: url('../images/btn_d@2x.png') center center;
    }

    100% {
        height: 40px;
        background: url('../images/btn_x@2x.png') center center;
    }
}

.favourable-left .i-left-close {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../images/css_sprites_19.png") -10px -160px;
    position: absolute;
    right: -4px;
    top: -22px;
    cursor: pointer;
    z-index: 22;
}

.favourable-left .i-left-close:hover {
    background: url("../images/css_sprites_19.png") -52px -160px;
}

.favourable-left .i-left-close:active {
    background: url("../images/css_sprites_19.png") -94px -160px;
}
/* 声明BOX */
.shengming-bigbox {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0,0,0,.2);
    z-index: 9999;
}
.shengming-center {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shengming-midbox {
    width: 600px;
    height: 320px;
    background: #FFFFFF;
    border-radius: 14px 14px 14px 14px;
    padding: 24px 50px;
}
.shengming-title {
    font-size: 24px;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #333333;
margin-bottom: 24px;
text-align: center;
}
.shengming-mid1,.shengming-mid2 {
    font-size: 16px;
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
font-weight: 400;
color: #333333;
}
.shengming-mid1 span a {
    color: #3291F5;
    font-size: 15px;
}
.shengming-btn {
    width: 160px;
    height: 50px;
    background: #3291F5;
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    margin: 34px auto 0;
    line-height: 50px;
    font-size: 16px;
font-family: Microsoft YaHei UI, Microsoft YaHei UI;
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
}

/* 声明页面 */
.shengming-page {
    background-color: #FAFAFA;
    padding-bottom: 44px;
}
.shengming-page-cengter {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.shengming-page-title {
    padding: 44px 0;
    text-align: center;
    font-size: 30px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #161F2D;
}
.shengming-page-img {
    display: flex;
    justify-content: center;
}
.shengming-page-img .img1{
    width: 900px;
    height: 1263px;
}
.shengming-page-img .img2{
    width: 900px;
    height: 1010px;
}
.shengming-page-img .img3{
    width: 900px;
    height: 983px;
}

/*底部导航*/

.footer-nav {
    min-height: 50px;
    background-color: #E1E4E6;
}

.footer-nav .nav-box {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.footer-nav .nav-top {
    height: 51px;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 0 0 30px;
}

.footer-nav .nav-top .nav-bar {
    display: inline-block;
    line-height: 51px;
    color: #808080;
    font-size: 14px;
    padding-right: 30px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    float: left;
}

.footer-nav .nav-top .nav-bar:hover {
    color: #3291F5;
}

.footer-nav .nav-top .nav-bar:active {
    color: #3C6EF0;
}


/*.footer-nav .nav-top .nav-bar1{*/


/*    display: none;*/


/*}*/

.footer-nav .nav-top .nav-native {
    color: #3291F5;
}

.footer-nav .nav-info .nav-content {
    padding: 20px 0 0 30px;
    box-sizing: border-box;
}


/*.footer-nav .nav-info .nav-content1{*/


/*    display: none;*/


/*}*/

.footer-nav .nav-link {
    display: inline-block;
    color: #808080;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.footer-nav .nav-link:hover {
    color: #3C6EF0;
}

.footer-nav .nav-link:hover {
    color: #3291F5;
}

.footer-detail {
    width: 100%;
    height: 134px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #434652;
    display: flex;
    justify-content: center;
}

.footer-detail .txt-item {
    display: inline-block;
    height: 100%;
    padding-top: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 124px;
    float: left;
}

.footer-detail .txt-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    margin-right: 20px;
    vertical-align: middle;
}

.footer-detail .img1 {
    background: url(../images/css_sprites_31.png) -80px -10px;
}

.footer-detail .img2 {
    background: url(../images/css_sprites_31.png) -10px -10px;
}

.footer-detail .img3 {
    background: url(../images/css_sprites_31.png) -10px -80px;
}

.footer-detail .img4 {
    background: url(../images/css_sprites_31.png) -80px -80px;
}

.footer-detail .text {
    display: inline-block;
    font-size: 16px;
    color: #808080;
    text-align: center;
    line-height: 18px;
    margin-bottom: 2px;
    vertical-align: middle;
    margin-top: -3px;
}

.nav-content {
    display: none;
}

.pox-type-cont2 {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* margin-top: 60px; */
}

@media screen and (max-width: 1200px) {
    .top-title {
        margin-right: 48px !important;
    }

    .pox-type-cont2 {
        width: 100% !important;
        padding: 0 40px 0 !important;
    }

    .pox-top .logo-img {
        margin-left: 31px !important;
    }

    .type0 .pox-ul {
        flex: 1;
        justify-content: space-around;
    }
    .model-content {
        padding: 0 60px !important;
    }
    .model-item .model-img {
        width: 100% !important;
    }
    .special-content {
        padding: 0 60px !important;
    }
}

@media screen and (max-width: 992px) {
    .top-title {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .pox-ul a.type-item {
        font-size: 12px !important;
    }
    .model-box .model-item {
        width: 31% !important;
        margin-right: 2% !important;
    }
    /* .type0 .pox-ul .type-item {
    margin-right: 0 !important;
   } */
    .pox-type-cont2 .pox-ul {
        flex: 1;
    }

    .top-title .top-text {
        font-size: 10px !important;
    }
    .type0 .pox-ul  li{
     margin:  0 !important;
    }
}

@media screen and (max-width: 1280px) {

    .about-us,
    .footer-nav .nav-box {
        width: 100%;
        margin: 0 auto;
    }

    .footer-detail .txt-item {
        /* margin-right: 55px; */
    }
}





.tox-promotion {
    display: none;
}

.tox .tox-menubar {
    display: none !important;
}

.tox .tox-statusbar {
    display: none !important;
}

.tox-tinymce {
    border: none !important;
    border-radius: 0 !important;
    height: 760px !important;
    padding-bottom: 63px !important;
    /* background-color: #ffffff !important; */
}

.tox-editor-header {
    background: #F5F5F5 !important;
    /* width: calc(100% - 36px) !important; */
    /* width: calc(100% - 36px) !important; */

}

.tox-toolbar__primary {
    background: #F5F5F5 !important;
    height: 48px !important;
    justify-content: space-around;
    align-items: center;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #dcdddd !important;
    height: 34px !important;
    line-height: 34px !important;
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    width: 4em !important;
}

.tox-toolbar-overlord {
    background: #F5F5F5 !important;
}

@keyframes zhuan {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.tabs-form-fix-img {
    width: 60px;
    height: 60px;
    animation: zhuan 3s linear infinite;
}

.tabs-form-fixrightr {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    float: right;
}

.tabs-form-right-box-midbox:hover .tabs-form-right-box-midbox-top {
    background: #E8F0FF;
}
.heightbox {
    width: 100%;
    height: 430px;
}
.vip-add-box {
    position: absolute;
    top: -15px;
    left: -2px;
    width: 118px;
    height: 30px;
    background: #FF1B20;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
    font-weight: 400;
color: #FFFFFF;
line-height: 30px;
}
.tabs-form-fixr {
    display: none;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 13.333333vw;
    }

    body {
        min-width: 350px;
    }
}

.tox .tox-edit-area__iframe {
    padding: 86px 37px 0 !important;
}

.ai-cover {
    display: none;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    height: 100%;
    opacity: 0.7;
}

#tinymce::-webkit-scrollbar {
    display: none !important;
}

#tinymce {

    scrollbar-width: none;
    /* firefox */

    -ms-overflow-style: none !important;
    /* IE 10+ */

    overflow-x: hidden;

    overflow-y: auto !important;

}
@media screen and (min-width:1200px) {
    .chart-item:nth-child(4n) {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 1200px) {
    .classify-content {
        padding: 0 60px !important;
    }
    .model-box .excel-item {
        width: 24% !important;
        margin-right: 1% !important;
    }
    .chart-item {
        width: 23% !important;
        margin-right: 2%;
    }
    :root .special-item {
        width: 24% !important;
        height: 190px !important;
    }

    .special-img-box {
        height: 146px !important;
        width: 100% !important;
    }

    .special-img {
        width: 100% !important;
        height: 100% !important;
    }

    .special-item {
        margin-right: 0 !important;
    }

    .special-name {
        font-size: 8px !important;
    }

    .special-type {}
    .model-item {
        width: 23% !important;
        height: 318px !important;
        float: left;
        margin-right: 2% !important;
        display: flex;
        flex-direction: column;
    }
    .model-index {
        padding: 0 60px !important;
    }
    .model-cover {
        padding-top: 66% !important;
    }
    .model-cover .once-down {
        width: calc(100% - 20px);
    }
    .pro-img{
        flex: 1;
    }
    .model-img-con {
        height: 100% !important;
    }
    .model-cover {
        height: 100% !important;
    }
    .pox-type-cont {
        padding: 0 60px !important;
    }
}

@media screen and (max-width: 992px) {
    :root .special-item {
        width: 24% !important;
        height: 154px !important;
    }
    .chart-item {
        width: 23% !important;
    }
    .special-img-box {
        height: 118px !important;
        width: 100% !important;
    }
    .special-model {
        text-align: center;
    }
    .special-list .special-model .special-item {
        width: 28% !important;
        height: 268px !important;
        margin-right: 4% !important;
    }
    .model-box .excel-item {
        width: 31% !important;
        /* height: 268px !important; */
        margin-right: 2% !important;
    }
    /* .chart-item:nth-child(3n) {
        margin-right: 0 !important;
    } */
    .chart-item {
        width: 31% !important;
        margin-right: 2% !important;
    }
    .chart-item:nth-child(3n) {
        width: 33% !important;
        margin-right: 0% !important;
    }
}